<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,user-scalable=no" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet/less" type="text/css" href="css/t3Html.less">

    <script src="lessLib/less-1.7.0.min.js" type="text/javascript"></script>
    <title></title>
</head>

<body>

<!--头部-->
<div class="header">
    <div class="backImg headerBack" data-function="headerGoBack"></div>
    <p class="headTitle headerTitle" >任务</p>
    <!--二维码扫描和搜索背景图片-->
    <!--<div class="qrImg headerScanCode" ></div>
    <div class="searchImg headerSearch"></div>-->
    <div class="add headerAdd " data-function="header_addReserve">添加</div>
    <p class="select" style="display: none" data-function="header_selectShiftExchange">查询</p>
    <div class="Addto"  style="display: none" data-function="header_addMember"></div>
</div>
<!-----------------内容开始---------------------------------------->
<!--等待层开始-->
<div class="wait_gear" style="display: none;">
    <div class="logo"></div>
    <div class="gear"></div>
    <div class="loading_content"></div>
</div>
<!--等待层结束-->
<!--登陆页面开始-->
<div class="main-page" id="subloginPage"
     data-belongToMenu="none"
     data-belongtoheader='{"back":false,"search":false,"scancode":false,"add":false}'
     data-title="餐云">
    <div class="cont">
        <div class="logo"></div>
        <input class="nameText" type="text" placeholder="帐号">
        <input class="pwdText" type="password" placeholder="密码">
        <div class="loginBtn" data-function="loginSystem">登录</div>
        <p class="remind" >登录遇到问题请联系相关部门</p>

    </div>
</div>
<!--登陆页面结束-->
<!------------------任务流程开始------------------------------------------->

<!--任务主页 有底部 开始-->
<div class="mainPage main-page" id="mainPagetaskPage" data-belongToMenu="footerTaskImg"
     data-belongtoheader='{"back":false,"search":true,"scancode":true,"add":false}'
     data-title="任务">

    <!--内容-->
    <div class="cont">
        <div class="main">
            <div class="reserveListMainPageTask">
                <dl data-function="notAcceptReserve">

                    <div class="listOrderImg" data-function="notAcceptReserve"></div>
                    <dt data-function="notAcceptReserve">预定</dt>
                    <dd data-function="notAcceptReserve"></dd>
                    <div class="time" data-function="notAcceptReserve"></div>
                    <div class="alt task-reserve-not-accept-number" data-function="notAcceptReserve">0</div>


                </dl>

            </div>
            <div class="takeOutListMainPageTask">
                <dl data-function="notAcceptTakeOutPage">
                    <div class="listTakeoutImg"  data-function="notAcceptTakeOutPage"></div>
                    <dt data-function="notAcceptTakeOutPage">外卖</dt>
                    <dd data-function="notAcceptTakeOutPage"></dd>
                    <div class="time" data-function="notAcceptTakeOutPage"></div>
                    <div class="alt task-take-out-not-accept-number" data-function="notAcceptTakeOutPage">0</div>
                </dl>
            </div>
            <div class="taskMainServiceList">
                <!--  <dl>
                      <div class="listImg"></div>
                      <dt class="contTitle">8号桌</dt>
                      <dd class="contArtitle">要餐巾纸</dd>
                      <div class="time">08:30</div>
                      <div class="contDot"></div>
                  </dl>
                  <dl>
                      <div class="listImg"></div>
                      <dt class="contTitle">8号桌</dt>
                      <dd class="contArtitle">要茶水</dd>
                      <div class="time">08:30</div>
                      <div class="contDot"></div>
                  </dl>
                  <dl>
                      <div class="listImg"></div>
                      <dt class="contTitle">8号桌</dt>
                      <dd class="contArtitle">要茶水</dd>
                      <div class="time">08:30</div>
                      <div class="contDot"></div>
                  </dl>
                  <dl>
                      <div class="listImg"></div>
                      <dt class="contTitle">8号桌</dt>
                      <dd class="contArtitle">要茶水</dd>
                      <div class="time">08:30</div>
                      <div class="contDot"></div>
                  </dl>
                  <dl>
                      <div class="listImg"></div>
                      <dt class="contTitle">8号桌</dt>
                      <dd class="contArtitle">要茶水</dd>
                      <div class="time">08:30</div>
                      <div class="contDot"></div>
                  </dl>
                  <dl>
                      <div class="listImg"></div>
                      <dt class="contTitle">8号桌</dt>
                      <dd class="contArtitle">要茶水</dd>
                      <div class="time">08:30</div>
                      <div class="contDot"></div>
                  </dl>
                  <dl>
                      <div class="listImg"></div>
                      <dt class="contTitle">8号桌</dt>
                      <dd class="contArtitle">要茶水</dd>
                      <div class="time">08:30</div>
                      <div class="contDot"></div>
                  </dl>
                  <dl>
                      <div class="listImg"></div>
                      <dt class="contTitle">8号桌</dt>
                      <dd class="contArtitle">要茶水</dd>
                      <div class="time">08:30</div>
                      <div class="contDot"></div>
                  </dl>
                  <dl class="lastList">
                      <div class="listImg"></div>
                      <dt class="contTitle">8号桌</dt>
                      <dd class="contArtitle">要茶水</dd>
                      <div class="time">昨天08:30</div>
                      <div class="contDot"></div>
                  </dl>-->
            </div>

        </div>
    </div>
</div>
<!--任务主页 有底部 结束-->

<!--流程图的2号 预定列表 没有footer  开始-->
<div class="orderMainPage main-page" id="suborderMainPage" data-belongToMenu="none"
     data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":true}'
     data-title="预定">
    <!--内容-->
    <div class="cont">
        <div class="main ">
            <div class="reserveNotList">

            </div>
            <div class="reserveYesList" style="margin-top: 2px">

            </div>
            <!--      <dl data-function="notAcceptWeinXinReserve">
                      <div class="listImg"></div>
                      <dt>微信预定</dt>
                      <dd>用餐人数：5人&nbsp;用餐时间：11:30</dd>
                      <div class="time">09:30</div>
                      <div class="contDot"></div>
                  </dl>
                  <dl data-function="acceptWeinXinReserve">
                      <div class="listImg"></div>
                      <dt>微信预定</dt>
                      <dd>用餐人数：5人&nbsp;用餐时间：11:30</dd>
                      <div class="time">09:30</div>
                      <div class="contDot" style="display: none"></div>
                  </dl>
                  <dl>
                      <div class="listImg"></div>
                      <dt>微信预定</dt>
                      <dd>用餐人数：5人&nbsp;用餐时间：11:30</dd>
                      <div class="time">09:30</div>
                      <div class="contDot"></div>
                  </dl>
                  <dl>
                      <div class="listImg"></div>
                      <dt>微信预定</dt>
                      <dd>用餐人数：5人&nbsp;用餐时间：11:30</dd>
                      <div class="time">09:30</div>
                      <div class="contDot"></div>
                  </dl>
                  <dl>
                      <div class="listImg"></div>
                      <dt>微信预定</dt>
                      <dd>用餐人数：5人&nbsp;用餐时间：11:30</dd>
                      <div class="time">09:30</div>
                      <div class="contDot"></div>
                  </dl>
                  <dl>
                      <div class="listImg"></div>
                      <dt>微信预定</dt>
                      <dd>用餐人数：5人&nbsp;用餐时间：11:30</dd>
                      <div class="time">09:30</div>
                      <div class="contDot"></div>
                  </dl>
                  <dl>
                      <div class="listImg"></div>
                      <dt>微信预定</dt>
                      <dd>用餐人数：5人&nbsp;用餐时间：11:30</dd>
                      <div class="time">09:30</div>
                      <div class="contDot"></div>
                  </dl>
                  <dl>
                      <div class="listImg"></div>
                      <dt>微信预定</dt>
                      <dd>用餐人数：5人&nbsp;用餐时间：11:30</dd>
                      <div class="time">09:30</div>
                      <div class="contDot"></div>
                  </dl>
                  <dl>
                      <div class="listImg"></div>
                      <dt>微信预定</dt>
                      <dd>用餐人数：5人&nbsp;用餐时间：11:30</dd>
                      <div class="time">09:30</div>
                      <div class="contDot"></div>
                  </dl>
                  <dl>
                      <div class="listImg"></div>
                      <dt>微信预定</dt>
                      <dd>用餐人数：5人&nbsp;用餐时间：11:30</dd>
                      <div class="time">09:30</div>
                      <div class="contDot"></div>
                  </dl>-->

        </div>
    </div>
</div>
<!--流程图的2号 预定列表 没有footer  结束-->

<!--流程图3号 未接受预定接受拒绝 开始-->
<div class="wechatOrderPage main-page" id="mainPageWechatOrderPage" data-belongToMenu="none"
     data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="微信预定">

    <!--内容-->
    <div class="cont notAcceptReserveInfo">
        <div class="main">
            <dl class="orderTitle">
                <div class="listImg"></div>
                <dt >微信预定</dt>
            </dl>
            <dl class="personInfo">
                <div class="listHead">联系方式</div>
                <pre>
姓名：张先生
电话：18888888888
                </pre>
                <a></a>
            </dl>
            <dl class="severCont">
                <div>服务内容</div>
                <pre>
预定餐位
用餐时间：今日18:30
用餐人数：6人
                </pre>
            </dl>
            <dl class="billInfo">
                <div class="menuInfo">账单情况</div>
                <p class="menuDetail">菜品：鱼香肉丝1份、可乐鸡翅1份、宫保鸡丁1份、米饭3份</p>
                <p class="demand">特殊需求：<span>少放盐</span></p>
                <div class="go" data-function="btn_goToTakeOutOrderInfo">〉</div>
            </dl>
            <dl class="menuChose">
                <div>支付状态</div>
                <p>未支付</p>
            </dl>
            <dl class="menuChose">
                <div>接受状态</div>
                <p>服务未接受</p>
            </dl>
            <dl class="menuChose">
                <div>服务状态</div>
                <p>服务未确认</p>
            </dl>
            <dl class="menuChose">
                <div>座位号：暂无</div>
                <h6>〉</h6>
            </dl>
        </div>
    </div>
    <!--底部-->
    <div class="bottom">
        <li>
            <div class="refuse" data-function="btn_reserveRefuseTask">拒绝任务</div>
        </li>
        <li>
            <div class="accept" data-function="btn_reserveAcceptTask">接受任务</div>
        </li>
    </div>


</div>
<!--流程图3号 未接受预定接受拒绝 结束-->
<!--5页 弹框提示是否落桌 开始-->
<div class="chooseSeatIndexPage" id="chooseSeatIndexPage" style="display: none"></div>
<div class="chooseSeatIndexMain" style="display: none">
    <p>您还没有选择座位&nbsp;是否现在选择</p>
    <li class="no notLuoZhou" data-function="btn_selectedNotLuoZhuo" data-id="">不选</li>
    <li class="yeah yesLuoZhuo" data-function="btn_selectedLuoZhuo" data-id="">选择</li>
</div>
<!--5主页 弹框提示是否落桌 结束-->


<!--第4页 预定的桌列表 开始-->
<div class="chooseSeatPage main-page" id="subchooseSeatPage" data-belongToMenu="none"
     data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="选桌">

    <!--内容-->
    <ul class="cont ul-table-list" >
        <div class="listTitle">
            <h2>餐台列表</h2>
        </div>
        <li data-function="btn_LetReserveChooseTable">
            <div>贰</div>
            <p>1号台（空）（6人台）</p>
        </li>
        <li>
            <div>贰</div>
            <p>2号台（空）（6人台）</p>
        </li>
        <li>
            <div>贰</div>
            <p>3号台（空）（6人台）</p>
        </li>
        <li>
            <div>贰</div>
            <p>4号台（空）（6人台）</p>
        </li>
        <li>
            <div>贰</div>
            <p>5号台（空）（6人台）</p>
        </li>
        <li>
            <div>贰</div>
            <p>6号台（空）（6人台）</p>
        </li>
        <li>
            <div>贰</div>
            <p>7号台（空）（6人台）</p>
        </li>
        <li>
            <div>贰</div>
            <p>8号台（空）（6人台）</p>
        </li>
        <li>
            <div>贰</div>
            <p>9号台（空）（6人台）</p>
        </li>
        <li>
            <div>贰</div>
            <p>10号台（空）（6人台）</p>
        </li>
    </ul>

</div>
<!--第4页 预定的桌列表 结束-->



<!--6页开始 拒绝添加理由 开始-->
<div class="cancelTaskPage main-page" id="subCancelTaskPage" data-belongToMenu="none"
     data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="取消任务">
    <!--内容-->
    <div class="cont">
        <div class="main">
            <dl class="menuChose">
                <div>预定方式</div>
                <p>微信预定</p>
            </dl>
            <dl class="personInfo">
                <div class="listHead">联系方式</div>
                <pre>
姓名：张先生
电话：18888888888
                </pre>
                <a></a>
            </dl>
            <dl class="severCont">
                <div>服务内容</div>
                <pre>
预定餐位
用餐时间：今日18:30
用餐人数：6人
                </pre>
            </dl>
            <dl class="menuChose">
                <div>账单情况</div>
                <p>未点餐</p>
            </dl>
            <dl class="menuChose">
                <div>支付状态</div>
                <p>未支付</p>
                <h6>〉</h6>
            </dl>
            <dl class="refuseReason">
                <div>拒绝理由</div>
                <textarea cols="40" rows="4"></textarea>
            </dl>
        </div>
    </div>
    <!--底部-->
    <div class="bottom">
        <div data-function="btn_refuseReasonOk">确认拒绝任务</div>
    </div>
</div>
<!--6主页 拒绝添加理由 结束-->

<!--7页 接受任务的预定详细信息 -->
<div class="menuDetailPage main-page" id="mainPagemenuDetailPage"
     data-belongToMenu="none" data-belongtoheader='{"back":true,"search":true,"scancode":true,"add":false}'
     data-title="微信预定">
    <!--内容-->
    <div class="cont">
        <div class="main">
            <dl class="orderTitle">
                <div class="listImg"></div>
                <dt >微信预定</dt>
            </dl>
            <dl class="personInfo">
                <div class="listHead">联系方式</div>
                <pre>
姓名：张先生
电话：18888888888
                </pre>
                <a></a>
            </dl>
            <dl class="severCont">
                <div>服务内容</div>
                <pre>
预定餐位
用餐时间：今日18:30
用餐人数：6人
                </pre>
            </dl>

            <dl class="menuChose">
                <div>支付状态</div>
                <p>未支付</p>
            </dl>
            <dl class="menuChose">
                <div>接受状态</div>
                <p>张三接受任务</p>
            </dl>
            <dl class="menuChose">
                <div>座位号：暂无</div>
            </dl>
            <dl class="menuChose">
                <div>订单详情：</div>
            </dl>
            <dl class="menuInfo">
                <div class="listHead">
                    <pre>
商品数量：10

特殊需求：<span>不要辣椒</span>
                    </pre>
                </div>
                <pre class="menuSum">
共计：323元
优惠券：20元
合计：302元
                </pre>
            </dl>
            <div class="acceptedReserveInfoCpList">
                <dl class="menuList">
                    <p class="dishesName">鱼香肉丝</p>
                    <p class="price">￥16</p>
                    <p class="count">*1</p>
                </dl>
                <dl class="menuList">
                    <p class="dishesName">鱼香肉丝</p>
                    <p class="price">￥16</p>
                    <p class="count">*1</p>
                </dl>
                <dl class="menuList">
                    <p class="dishesName">鱼香肉丝</p>
                    <p class="price">￥16</p>
                    <p class="count">*1</p>
                </dl>
                <dl class="menuList">
                    <p class="dishesName">鱼香肉丝</p>
                    <p class="price">￥16</p>
                    <p class="count">*1</p>
                </dl>
                <dl class="menuList">
                    <p class="dishesName">鱼香肉丝</p>
                    <p class="price">￥16</p>
                    <p class="count">*1</p>
                </dl>
            </div>

            <div class="btm" data-function="btn_acceptedReserveOk">确认</div>
        </div>
    </div>

</div>
<!--7页 接受任务的预定详细信息 结束-->

<!--第9,10，11页 添加预定开始-->
<!--9,10暂时还没添加-->
<div class="addOrderPage main-page" id="subaddOrderPage"
     data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="微信预定">

    <!--内容-->
    <ul class="cont">
        <li class="contTitle">联系方式</li>
        <li class="contPersonInfo">
            <p class="name">姓名：</p><input class="nameText createPreOrder_name" type="text" />
            <p class="phone">电话：</p><input class="phoneText createPreOrder_ResMobile" type="text" />
        </li>
        <li class="contTitle">服务内容</li>
        <!-- <li class="contSeverInfo">

             <p class="time">用餐时间：</p><input class="timeText  createPreOrder_ResTime" value="17:00" type="text"  data-function="btn_ReserveAddTime"/>
             <p class="count">用餐人数：</p><input class="countText" type="text" />
             <div data-function="btn_ReserveAddTime"></div>
         </li>-->
        <li class="contSeverInfo">
            <p class="time">用餐时间：</p><p class="timeText createPreOrder_ResTime" data-function="btn_ReserveAddTime">17:00</p>
            <p class="count">桌台种类：</p><p class="countText" data-function="btn_ReserveAddTableType" data-id="">    </p>
            <div class="chooseTime" data-function="btn_ReserveAddTime"></div>
            <div class="chooseType" data-function="btn_ReserveAddTableType"></div>
        </li>
        <li class="contDishes">
            <p class="dishes">菜品：</p>
            <p class="demand">特殊需求：</p>
            <div  data-function="btn_addCp">〉</div>
        </li>
        <li class="contSeatNum" style="display: none">
            <p>座位号：暂无</p>
            <div data-function="btn_addReserve_addTableDirectly">〉</div>
        </li>
    </ul>
    <!--底部-->
    <div class="bottom" >
        <div data-function="btn_confirmAddReserve">确定添加</div>
    </div>
    <!-- 9页蒙布和弹框-->
    <div class="addOrderTimeIndexPage"  style="display: none">
        <div class="IndexPage" data-function="mengbuReserveTimeAndTable"></div>
        <ul class="addOrderIndexMain" >
            <li data-function="choseTimeAddReserve">11:30</li>
            <li data-function="choseTimeAddReserve">12:00</li>
            <li data-function="choseTimeAddReserve">12:30</li>
            <li data-function="choseTimeAddReserve">13:00</li>
            <li data-function="choseTimeAddReserve">13:30</li>
            <li data-function="choseTimeAddReserve">17:30</li>
            <li data-function="choseTimeAddReserve">18:00</li>
            <li data-function="choseTimeAddReserve">18:30</li>
            <li data-function="choseTimeAddReserve">19:00</li>
            <li data-function="choseTimeAddReserve">19:30</li>
            <li data-function="choseTimeAddReserve">20:00</li>
            <li data-function="choseTimeAddReserve">20:30</li>
            <li data-function="choseTimeAddReserve">21:00</li>
            <li data-function="choseTimeAddReserve">21:30</li>
        </ul>

    </div>
    <div class="addReserveAddTableType"  style="display: none">
        <div class="IndexPage" data-function="mengbuReserveTimeAndTable"></div>
        <ul class="tableTypePage">
            <!--   <li class="tableType">一人桌</li>
               <li class="tableType" data-function="btn_addReserveTableType">一人桌</li>
               <li class="tableType">一人桌</li>
               <li class="tableType">一人桌</li>
               <li class="tableType">一人桌</li>
               <li class="tableType">一人桌</li>
               <li class="tableType">一人桌</li>
               <li class="tableType">一人桌</li>
               <li class="tableType">一人桌</li>
               <li class="tableType">一人桌</li>-->
        </ul>
    </div>
    <!--    <ul class="tableTypePage">
               <li class="tableType">一人桌</li>
               <li class="tableType" data-function="btn_addReserveTableType">一人桌</li>
               <li class="tableType">一人桌</li>
               <li class="tableType">一人桌</li>
               <li class="tableType">一人桌</li>
               <li class="tableType">一人桌</li>
               <li class="tableType">一人桌</li>
               <li class="tableType">一人桌</li>
               <li class="tableType">一人桌</li>
               <li class="tableType">一人桌</li>
        </ul>-->

</div>
<!--<div id="addOrderIndexPage" style="display: none">
    <div class="addOrderIndexBg" data-function="mengbuReserveTime"></div>
    <ul class="addOrderIndexMain">
        <li data-function="choseTimeAddReserve">11:30</li>
        <li data-function="choseTimeAddReserve">12:00</li>
        <li data-function="choseTimeAddReserve">12:30</li>
        <li data-function="choseTimeAddReserve">13:00</li>
        <li data-function="choseTimeAddReserve">13:30</li>
        <li data-function="choseTimeAddReserve">17:30</li>
        <li data-function="choseTimeAddReserve">18:00</li>
        <li data-function="choseTimeAddReserve">18:30</li>
        <li data-function="choseTimeAddReserve">19:00</li>
    </ul>
</div>-->
<!--第9,10,11页 添加预定结束-->
<!--12 菜品列表开始-->
<div class="orderDishesPage main-page" id="suborderDishesPage"
     data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":true,"add":false}'
     data-title="点餐">
    <!--搜索框-->
    <div class="searchDishesBar">
        <div class="searchText" data-function="btn_seek_cp">
            <div class="sbDiv">
                <p class="option remind">菜品名称/菜品名称简码</p>
                <p class="option active">abc</p>
                <p class="option active">abcd</p>
                <p class="option active">abcde</p>
                <p class="option active">abcdef</p>
                <p class="option active">abcdefg</p>
                <p class="option active">abcdefgh</p>
                <p class="option active">abcdefgh</p>
                <p class="option active">abcdefgh</p>
                <p class="option active">abcdefgh</p>
            </div>
        </div>
        <!--<p class="searchText " data-function="btn_seek_cp" >菜品名称/菜品名称简码</p>-->
    </div>
    <!--左边的分类-->
    <ul class="dishesClassList">
        <li>
            <p>销量</p>
            <div>2</div>
        </li>
        <li>
            <p>热菜</p>
            <div>2</div>
        </li>
        <li>
            <p>凉菜</p>
            <div>2</div>
        </li>
        <li>
            <p>米线类</p>
            <div>2</div>
        </li>
        <li>
            <p>川湘菜</p>
            <div>2</div>
        </li>
        <li>
            <p>麻辣香锅</p>
            <div>2</div>
        </li>
        <li>
            <p>其他</p>
            <div>2</div>
        </li>
    </ul>
    <!--右边的菜单-->
    <div class="dishesMenuList">
        <!--销量-->
        <ul>
            <li class="menuListTitle">销量</li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
        </ul>
        <!--热菜-->
        <ul>
            <li class="menuListTitle">热菜</li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
        </ul>
        <!--凉菜-->
        <ul>
            <li class="menuListTitle">凉菜</li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
        </ul>
        <!--米线类-->
        <ul>
            <li class="menuListTitle">米线类</li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
        </ul>
        <!--精美川湘菜-->
        <ul>
            <li class="menuListTitle">精美川湘菜</li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
        </ul>
        <!--麻辣香锅-->
        <ul>
            <li class="menuListTitle">麻辣香锅</li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
        </ul>
        <!--其他-->
        <ul>
            <li class="menuListTitle">其他</li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
            <li>
                <p class="dishesName">鱼香肉丝</p>
                <p class="dishesPrice">15.5元/份</p>
                <div class="add active"></div>
            </li>
        </ul>
    </div>
    <!--底部-->
    <div class="noChooseBottomPage cpPageFooterFatherNode" id="noChooseBottomPage">
        <div class="btmBarCont">
            <div class="keysIco"></div>
            <div class="shoppingCarIco"></div>
            <p class="billCount">0份</p>
            <p class="billSum"></p>
            <div class="btmTrue">确认</div>
        </div>
    </div>
    <!--菜品遮罩层开始-->
    <div class="IndexPage" style="display:none;" data-function="mengbuOfTakingAnOrder"></div>
    <!--菜品遮罩层结束-->
    <!--菜品的底部开始-->
    <div class="orderDishesBottomPage cpPageFooterFatherNode" id="orderDishesBottomPage">
        <!-- 弹出.barAndKeysUp-->
        <div class="barAndKeysDown ">
            <!--底部条-->
            <div class="btmBarCont">
                <!-- 高亮.active-->
                <div class="keysIcoWhite " data-function="btn_Keyboard"></div>
                <!-- 高亮.active-->
                <div class="shoppingCarIcoWhite " data-function="btn_shoppingCart"></div>
                <p class="billCount">0份</p>
                <p class="billSum"></p>
                <!-- 高亮active-->
                <div class="btmTrueGray " data-function="btn_ConfirmCpList">确认</div>
            </div>
            <!--键盘-->
            <div class="btmKeys">
                <div class="keysOne" data-number="1">
                    <p class="keysTop" data-number="1">1</p>
                    <p class="keysBtm" data-number="1"></p>
                </div>
                <div class="keysTwo" data-number="2">
                    <p class="keysTop" data-number="2">2</p>
                    <p class="keysBtm" data-number="2">ABC</p>
                </div>
                <div class="keysThree" data-number="3">
                    <p class="keysTop" data-number="3">3</p>
                    <p class="keysBtm" data-number="3">DEF</p>
                </div>
                <div class="keysFour" data-number="4">
                    <p class="keysTop" data-number="4">4</p>
                    <p class="keysBtm" data-number="4">GHI</p>
                </div>
                <div class="keysFive"  data-letter="J/K/L" data-number="5">
                    <p class="keysTop" data-number="5">5</p>
                    <p class="keysBtm" data-number="5">JKL</p>
                </div>
                <div class="keysSix" data-number="6">
                    <p class="keysTop" data-number="6">6</p>
                    <p class="keysBtm" data-number="6">MNO</p>
                </div>
                <div class="keysSeven" data-number="7">
                    <p class="keysTop" data-number="7">7</p>
                    <p class="keysBtm" data-number="7">PQRS</p>
                </div>
                <div class="keysEight" data-number="8">
                    <p class="keysTop" data-number="8">8</p>
                    <p class="keysBtm" data-number="8">TUV</p>
                </div>
                <div class="keysNine" data-number="9">
                    <p class="keysTop" data-number="9">9</p>
                    <p class="keysBtm" data-number="9">WXYZ</p>
                </div>
                <div class="keysDel" data-number="x"></div>
            </div>
        </div>
        <!--购物车 弹出.btmShoppingCarShow-->
        <div class="btmShoppingCarHidden ">
            <div class="btmBar" data-function="btn_shoppingCart">
                <div class="btmBarIco" data-function="btn_shoppingCart"></div>
            </div>
            <ul class="ul-ShoppingCartCpList">
                <!--li>
                    <p class="dishesName">鱼香肉丝</p>
                    <div class="cutIco"></div>
                    <p class="dishesCount">3份</p>
                    <div class="addIco"></div>
                    <p class="dishesSum">￥46.5元</p>
                </li>
                <li>
                    <p class="dishesName">鱼香肉丝</p>
                    <div class="cutIco"></div>
                    <p class="dishesCount">3份</p>
                    <div class="addIco"></div>
                    <p class="dishesSum">￥46.5元</p>
                </li>
                <li>
                    <p class="dishesName">鱼香肉丝</p>
                    <div class="cutIco"></div>
                    <p class="dishesCount">3份</p>
                    <div class="addIco"></div>
                    <p class="dishesSum">￥46.5元</p>
                </li>
                <li>
                    <p class="dishesName">鱼香肉丝</p>
                    <div class="cutIco"></div>
                    <p class="dishesCount">3份</p>
                    <div class="addIco"></div>
                    <p class="dishesSum">￥46.5元</p>
                </li>
                <li>
                    <p class="dishesName">鱼香肉丝</p>
                    <div class="cutIco"></div>
                    <p class="dishesCount">3份</p>
                    <div class="addIco"></div>
                    <p class="dishesSum">￥46.5元</p>
                </li>
                <li>
                    <p class="dishesName">鱼香肉丝</p>
                    <div class="cutIco"></div>
                    <p class="dishesCount">3份</p>
                    <div class="addIco"></div>
                    <p class="dishesSum">￥46.5元</p>
                </li>
                <li>
                    <p class="dishesName">鱼香肉丝</p>
                    <div class="cutIco"></div>
                    <p class="dishesCount">3份</p>
                    <div class="addIco"></div>
                    <p class="dishesSum">￥46.5元</p>
                </li>
                <li>
                    <p class="dishesName">鱼香肉丝</p>
                    <div class="cutIco"></div>
                    <p class="dishesCount">3份</p>
                    <div class="addIco"></div>
                    <p class="dishesSum">￥46.5元</p>
                </li>
                <li>
                    <p class="dishesName">鱼香肉丝</p>
                    <div class="cutIco"></div>
                    <p class="dishesCount">3份</p>
                    <div class="addIco"></div>
                    <p class="dishesSum">￥46.5元</p>
                </li>
                <li>
                    <p class="dishesName">鱼香肉丝</p>
                    <div class="cutIco"></div>
                    <p class="dishesCount">3份</p>
                    <div class="addIco"></div>
                    <p class="dishesSum">￥46.5元</p>
                </li>-->
            </ul>
        </div>
    </div>
    <!--菜品的底部结束-->
</div>
<!--12 菜品列表结束-->


<!--16页 订单详情页开始（头部和内容）-->
<div class="menuPage main-page" id="submenuPage"
     data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="菜单">
    <div class="inputBox">
        <!-- 输入框-->
        <input class="specialDemand" placeholder="特殊需求">
    </div>
    <!--订单详情条-->
    <div class="menuDetail">
        <div class="menuDetailIco"></div>
    </div>
    <!--内容-->
    <div class="cont">
        <div class="main addReserveOrTakeOutCpOrderInfo">
            <dl class="demand">
                <p class="demandInfo">特殊需求：</p>
                <div class="demandDetail">可乐加冰</div>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="price">合计：30元</p>

            </dl>
            <dl class="menuList">
                <p class="numSum">商品数量</p>
                <p class="price">优惠券：2元</p>
            </dl>
            <dl class="menuList">
                <p class="numSum">共计：6件</p>
                <p class="price">应收：31.00元</p>
            </dl>
        </div>
    </div>

    <!--确认-->
    <div class="btm" data-function="btn_addReserveOrderInfoOk"> 确认</div>

</div>
<!--16页 订单详情主页（头部和内容）结束-->

<!--17页 外卖列表 开始-->
<div class="takeoutMainPage main-page" id="subTakeoutMainPage" data-belongToMenu="none"
     data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":true}'
     data-title="外卖">

    <!--内容-->
    <div class="cont">
        <div class="main take-out-list">
            <dl data-function="btnnotacceptTakeOut">
                <div class="listImg" data-function="btnnotacceptTakeOut"></div>
                <dt data-function="btnnotacceptTakeOut">美团外卖</dt>
                <dd data-function="btnnotacceptTakeOut"> 地址：开发区高新技术软件园11层云易科技</dd>
                <div class="time" data-function="btnnotacceptTakeOut">09:30</div>
                <div class="contDot" data-function="btnnotacceptTakeOut"></div>
            </dl>
            <dl data-function="btnacceptTakeOut">
                <div class="listImg"></div>
                <dt>美团外卖</dt>
                <dd>地址：路北区建设路11号</dd>
                <div class="time">09:30</div>
                <div class="contDot" style="display: none"></div>
            </dl>
            <dl>
                <div class="listImg"></div>
                <dt>美团外卖</dt>
                <dd>地址：路北区建设路11号</dd>
                <div class="time">09:30</div>
                <div class="contDot"></div>
            </dl>
            <dl>
                <div class="listImg"></div>
                <dt>美团外卖</dt>
                <dd>地址：路北区建设路11号</dd>
                <div class="time">09:30</div>
                <div class="contDot"></div>
            </dl>
            <dl>
                <div class="listImg"></div>
                <dt>美团外卖</dt>
                <dd>地址：路北区建设路11号</dd>
                <div class="time">09:30</div>
                <div class="contDot"></div>
            </dl>
            <dl>
                <div class="listImg"></div>
                <dt>美团外卖</dt>
                <dd>地址：路北区建设路11号</dd>
                <div class="time">09:30</div>
                <div class="contDot"></div>
            </dl>
            <dl>
                <div class="listImg"></div>
                <dt>美团外卖</dt>
                <dd>地址：路北区建设路11号</dd>
                <div class="time">09:30</div>
                <div class="contDot"></div>
            </dl>
            <dl>
                <div class="listImg"></div>
                <dt>美团外卖</dt>
                <dd>地址：路北区建设路11号</dd>
                <div class="time">09:30</div>
                <div class="contDot"></div>
            </dl>
            <dl>
                <div class="listImg"></div>
                <dt>美团外卖</dt>
                <dd>地址：路北区建设路11号</dd>
                <div class="time">09:30</div>
                <div class="contDot"></div>
            </dl>
            <dl>
                <div class="listImg"></div>
                <dt>美团外卖</dt>
                <dd>地址：路北区建设路11号</dd>
                <div class="time">09:30</div>
                <div class="contDot"></div>
            </dl>


        </div>
    </div>
</div>
<!--17页 外卖列表 结束-->

<!--18页开始 外卖接受拒绝任务 开始-->
<div class="teamOrderPage main-page" id="subteamOrderPage"
     data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="美团外卖">

    <!--内容-->
    <div class="cont">
        <div class="main">
            <dl class="orderTitle">
                <div class="listImg"></div>
                <dt >美团外卖</dt>
            </dl>
            <dl class="personInfo">
                <div class="listHead">联系方式</div>
                <pre>
姓名：张先生
电话：18888888888
地址：唐山市路北区凤祥园1-1
                </pre>
                <a></a>
            </dl>
            <dl class="severCont">
                <p class="go" data-function="btn_goToTakeOutOrderInfo">〉</p>
                <div class="sever">服务内容</div>
                <pre>
预定外卖<p class="no">券</p>
菜品：可乐2杯、汉堡2个
特殊需求：<span class="demand">可乐加冰</span>
                </pre>

            </dl>
            <dl class="menuChose">
                <div>支付状态</div>
                <p>货到付款</p>
                <h6>￥35.00</h6>
            </dl>
            <dl class="menuChose">
                <div>接受状态</div>
                <p>服务未接受</p>
            </dl>
            <dl class="menuChose">
                <div>服务状态</div>
                <p>服务未确认</p>
            </dl>
        </div>
    </div>
    <!--底部-->
    <div class="bottom">
        <li>
            <div class="refuse" data-function="btn_refuseTakeOutTask">拒绝任务</div>
        </li>
        <li>
            <div class="accept" data-function="btn_acceptTakeOutTask">接受任务</div>
        </li>
    </div>

</div>
<!--18主页 外卖接受拒绝任务 结束-->

<!--19页开始  外卖拒绝 开始-->
<div class="cancelOrderPage main-page"  id="subcancelOrderPage"
     data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="取消订单">

    <!--内容-->
    <div class="cont">
        <div class="main">
            <dl class="orderTitle">
                <div class="listImg"></div>
                <dt >美团外卖</dt>
            </dl>
            <dl class="personInfo">
                <div class="listHead">联系方式</div>
                <pre>
姓名：张先生
电话：18888888888
地址：唐山市路北区凤祥园1-1
                </pre>
                <a></a>
            </dl>
            <dl class="severCont">
                <p class="go" data-function="btn_goToTakeOutOrderInfo">〉</p>
                <div class="sever">服务内容</div>
                <pre>
预定外卖<p class="no">券</p>
菜品：可乐2杯、汉堡2个
特殊需求：<span class="demand">可乐加冰</span>
                </pre>

            </dl>
            <dl class="menuChose">
                <div>支付状态</div>
                <p>货到付款</p>
                <h6>￥35.00</h6>
            </dl>
            <dl class="refuseReason">
                <div>拒绝理由</div>
                <textarea cols="40" rows="4"></textarea>
            </dl>
        </div>
    </div>
    <!--底部-->
    <div class="bottom" >
        <div data-function="btn_refuseTakeOut">确认拒绝任务</div>
    </div>
</div>
<!--19主页 外卖拒绝  结束-->

<!--20订单详情没有确定按钮 开始-->

<div class="billPage main-page" id="subbillPage"
     data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="账单详情">

    <!--订单详情条-->
    <div class="menuDetail">
        <div class="menuDetailIco"></div>
    </div>
    <!--内容-->
    <div class="cont rightArrowsIconInfo">
        <div class="main ">
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="demand">
                <p class="demandInfo">特殊需求：</p>
                <div class="demandDetail">可乐加冰</div>
            </dl>
            <dl class="menuList">
                <p class="price">合计：30元</p>

            </dl>
            <dl class="menuList">
                <p class="numSum">商品数量</p>
                <p class="price">优惠券：2元</p>
            </dl>
            <dl class="menuList">
                <p class="numSum">共计：6件</p>
                <p class="price">应收：31.00元</p>
            </dl>
        </div>
    </div>



</div>
<!--20订单详情没有确定按钮 结束-->

<!--21页 接受的外卖的订单详情 开始-->
<div class="teamOrderDetail main-page" id="subteamOrderDetail"
     data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="美团外卖">
    <!--内容-->
    <div class="cont">
        <div class="main">
            <dl class="orderTitle">
                <div class="listImg"></div>
                <dt >美团外卖</dt>
            </dl>
            <dl class="personInfo">
                <div class="listHead">联系方式</div>
                <pre>
姓名：张先生
电话：18888888888
地址：唐山市路北区凤祥园1-1
                </pre>
                <a></a>
            </dl>
            <dl class="menuChose">
                <div>支付状态</div>
                <p>货到付款</p>
                <h6>￥35.00</h6>
            </dl>
            <dl class="menuChose">
                <div>接受状态</div>
                <p>张三接受任务</p>
            </dl>
            <dl class="menuChose">
                <div>订单详情：</div>
            </dl>
            <dl class="menuInfo">
                <div class="listHead">
                    <pre>
商品数量：10

特殊需求：<span>不要辣椒</span>
                    </pre>
                </div>
                <pre class="menuSum">
共计：323元
优惠券：20元
合计：302元
                </pre>
            </dl>

            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <dl class="menuList">
                <p class="dishesName">鱼香肉丝</p>
                <p class="price">￥16</p>
                <p class="count">*1</p>
            </dl>
            <div class="btm">确认</div>
        </div>
    </div>
</div>
<!--21页 接受的外卖的订单详情 结束-->

<!--第22页 添加外卖 开始-->
<div class="takeoutOrderPage main-page" id="subtakeoutOrderPage"
     data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="添加外卖">

    <!--内容-->
    <ul class="cont">
        <li class="contTitle">联系方式</li>
        <li class="contPersonInfo">
            <p class="name" >姓名：</p><input class="nameText newTakeoutOrder_name"  type="text" />
            <p class="phone">电话：</p><input class="phoneText newTakeoutOrder_mobile" type="text" />
            <p class="address">地址：</p><input class="addressText newTakeoutOrder_takeawayAddressAddress" type="text" />
        </li>
        <li class="contTitle">服务内容</li>
        <li class="contDishes">
            <p class="dishes">菜品：</p>
            <p class="demand">特殊需求：</p>
            <div data-function="btn_addCp">〉</div>
        </li>
        <li class="payInfo">
            <p class="pay">支付状态：</p><input class="payText" value="货到付款" type="text" />
            <div></div>
        </li>
    </ul>
    <!--底部-->
    <div class="bottom">
        <div data-function="btn_confirmAddTakeOut">确定添加</div>
    </div>
</div>
<!--第22页 添加外卖 结束-->


<!--第23页 添加外卖的键盘 开始-->
<div class="addOrderKeysPage main-page" style="display: none" id="addOrderKeysPage"
     data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'>
    <div class="keysOne">
        <p class="keysTop">1</p>
        <p class="keysBtm">ABC</p>
    </div>
    <div class="keysTwo">
        <p class="keysTop">2</p>
        <p class="keysBtm">DEF</p>
    </div>
    <div class="keysThree">
        <p class="keysTop">3</p>
        <p class="keysBtm">GHI</p>
    </div>
    <div class="keysFour">
        <p class="keysTop">4</p>
        <p class="keysBtm">JKL</p>
    </div>
    <div class="keysFive">
        <p class="keysTop">5</p>
        <p class="keysBtm">MNO</p>
    </div>
    <div class="keysSix">
        <p class="keysTop">6</p>
        <p class="keysBtm">PQR</p>
    </div>
    <div class="keysSeven">
        <p class="keysTop">7</p>
        <p class="keysBtm">STU</p>
    </div>
    <div class="keysEight">
        <p class="keysTop">8</p>
        <p class="keysBtm">VWX</p>
    </div>
    <div class="keysNine">
        <p class="keysTop">9</p>
        <p class="keysBtm">YZ</p>
    </div>
    <div class="keysDel"></div>
</div>
<!--第23页 添加外卖的键盘 结束-->

<!--25html 未接受的预定开始-->
<div class="callSeverPage main-page" id="subcallSeverPage"
     data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'>
    <!--内容-->
    <div class="seviceInfo">
        <div class="cont">
            <ul class="contList">
                <li class="deskNum">
                    <div></div>
                    <p>第五桌</p>
                </li>
                <li class="whoCall">
                    <div>联系方式</div>
                    <p>第五桌</p>
                </li>
                <li class="severInfo">
                    <div>服务内容</div>
                    <p class="callPaper">要餐巾纸</p>
                    <p class="callTime">8:00呼叫服务</p>
                    <p class="acceptCall">--:--接受服务</p>
                    <p class="finishCall">--:--完成服务</p>
                </li>
                <li class="accptOrNot">
                    <div>接受状态</div>
                    <p>任务未接受</p>
                </li>
                <li class="severOrNot">
                    <div>服务状态</div>
                    <p>服务未确认</p>
                </li>
            </ul>
        </div>
        <!--底部-->
        <div class="btm">
            <div class="acceptTask">接受任务</div>
        </div>
    </div>


    <!-- 蒙布-->
    <div class="IndexPage" style="display: none"></div>
    <div class="sorryIndexMain" style="display: none">
        <p>对不起您来晚一步此任务已被处理</p>
        <div data-function="back_TaskseviceList">返回菜单列表</div>
    </div>
</div>
<!--25html 未接受的预定结束-->
<!--27     接受服务的详情开始-->
<div class="dealSeverPage main-page" id="subdealSeverPage"
     data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'>
    <!--内容-->
    <div class="cont">
        <ul class="contList ">
            <li class="deskNum">
                <div></div>
                <p>第五桌</p>
            </li>
            <li class="whoCall">
                <div>联系方式</div>
                <p>第五桌</p>
            </li>
            <li class="severInfo">
                <div>服务内容</div>
                <p class="callPaper">要餐巾纸</p>
                <p class="callTime">8:00呼叫服务</p>
                <p class="acceptCall">8:00接受服务</p>
                <p class="finishCall">8:02完成服务</p>
            </li>
            <li class="accptOrNot">
                <div>接受状态</div>
                <p>张三已接受</p>
            </li>
            <li class="severOrNot">
                <div>服务状态</div>
                <p>张三已完成</p>
            </li>
            <li class="finishTask">
                <div>处理完成</div>
            </li>
        </ul>
    </div>
    <!--底部-->
</div>
<!--27     接受服务的详情开始-->
<!--addDishesPage页面 加菜详情 开始-->
<div class="main-page" id="subAddDishesHandlePage" data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}' data-title="服务">
    <div class="subAddDishesHandlePageCont">
        <p class="title">点餐处理</p>
        <div class="personContactInfo">
            <p class="contactWay">联系方式</p>
            <div class="personContact">
                <p class="personName">姓名：张先生</p>
                <p class="phoneNum">电话：18888888888</p>
                <div class="phoneIco"></div>
            </div>
        </div>
        <ul class="serviceList">
            <li class="serviceInfo">
                <p class="serviceTitle">服务内容</p>
                <p class="serviceCont">点餐处理</p>
            </li>
            <li class="serviceInfo">
                <p class="serviceTitle">支付状态</p>
                <p class="serviceCont">未支付</p>
            </li>
            <li class="serviceInfo">
                <p class="serviceTitle">特殊需求</p>
                <p class="serviceCont demand">不要辣椒</p>
            </li>
        </ul>
        <ul class="addDishesList">
            <li class="addDishesInfo">
                <p class="dishName">鱼香肉丝</p>
                <p class="dishCount">×1</p>
                <p class="dishPrice">￥16.50</p>
            </li>
            <li class="addDishesInfo">
                <p class="dishName">鱼香肉丝</p>
                <p class="dishCount">×1</p>
                <p class="dishPrice">￥16.50</p>
            </li>
            <li class="addDishesInfo">
                <p class="dishName">鱼香肉丝</p>
                <p class="dishCount">×1</p>
                <p class="dishPrice">￥16.50</p>
            </li>
            <li class="addDishesInfo">
                <p class="dishName">鱼香肉丝</p>
                <p class="dishCount">×1</p>
                <p class="dishPrice">￥16.50</p>
            </li>
            <li class="addDishesInfo">
                <p class="dishName">鱼香肉丝</p>
                <p class="dishCount">×1</p>
                <p class="dishPrice">￥16.50</p>
            </li>
            <li class="addDishesInfo">
                <p class="dishName">鱼香肉丝</p>
                <p class="dishCount">×1</p>
                <p class="dishPrice">￥16.50</p>
            </li>
            <li class="addDishesInfo">
                <p class="dishName">鱼香肉丝</p>
                <p class="dishCount">×1</p>
                <p class="dishPrice">￥16.50</p>
            </li>
            <li class="addDishesInfo">
                <p class="dishName">鱼香肉丝</p>
                <p class="dishCount">×1</p>
                <p class="dishPrice">￥16.50</p>
            </li>
            <li class="addDishesInfo">
                <p class="dishName">鱼香肉丝</p>
                <p class="dishCount">×1</p>
                <p class="dishPrice">￥16.50</p>
            </li>
        </ul>
    </div>
    <div class="subAddDishesHandlePageBottom">
        <div class="printMenuBtn">打印菜单</div>
    </div>
</div>
<!--addDishesPage页面 加菜详情 结束-->
<!--28html 开始-->
<div class="main-page" id="subOrderDetailsPage"
     data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="订单详情">
    <!-- 输入框背景-->
    <div class="inputBox">
        <!-- 输入框-->
        <input class="specialDemand" placeholder="特殊需求">
    </div>
    <!-- 订单列表-->
    <ul class="orderList ul-cpListOrderInfo">
        <!-- 已订菜品信息列-->
        <li class="dishesInfo">
            <!-- 已订菜名-->
            <p class="dishesName">鱼香肉丝</p>
            <!-- 单列已订菜品数量减-->
            <div class="cutIco"></div>
            <!-- 单列已订菜品数量-->
            <h6 class="dishesCount">1</h6>
            <!-- 单列已订菜品数量加-->
            <div class="addIco"></div>
            <!-- 单列已订菜品价格-->
            <p class="dishesPrice">￥16.00</p>
        </li>
        <li class="dishesInfo">
            <!-- 已订菜名-->
            <p class="dishesName">鱼香肉丝</p>
            <!-- 单列已订菜品数量减-->
            <div class="cutIco"></div>
            <!-- 单列已订菜品数量-->
            <h6 class="dishesCount">1</h6>
            <!-- 单列已订菜品数量加-->
            <div class="addIco"></div>
            <!-- 单列已订菜品价格-->
            <p class="dishesPrice">￥16.00</p>
        </li>
        <li class="dishesInfo">
            <!-- 已订菜名-->
            <p class="dishesName">鱼香肉丝</p>
            <!-- 单列已订菜品数量减-->
            <div class="cutIco"></div>
            <!-- 单列已订菜品数量-->
            <h6 class="dishesCount">1</h6>
            <!-- 单列已订菜品数量加-->
            <div class="addIco"></div>
            <!-- 单列已订菜品价格-->
            <p class="dishesPrice">￥16.00</p>
        </li>
    </ul>
    <!-- 订单底部-->
    <div class="bottom">
        <!-- 合计金额-->
        <p class="sumPrice">合计：￥48.00</p>
        <!-- 复选框是够打印-->
        <label ><input class="okCheckBoxCpPrinter" type="checkbox"  checked>打印</label>
        <!-- 确认按钮-->
        <div class="btmTrue" data-function="btn_orderingFood_orderInfo_ok">确认</div>
    </div>
    <!-- 遮罩层 -->
    <div class="IndexPage" style="display: none"></div>
    <!-- 去落桌 -->
    <div class="goToTable" style="display: none">
        <!-- 提示-->
        <p class="remind">您还没有落座现在就去落座吧！</p>
        <!-- 按钮-->
        <p class="go active" data-function="btn_orderingFood_luoZhuoOk">好</p>
    </div>
</div>
<!--28html 结束-->

<!--第8页 预定弹框提示对不起您来晚了 开始-->
<div class="modalOrderIsAccepted" style="display: none">
    <div class="sorryIndexPage" id="sorryIndexPage" ></div>
    <div class="sorryIndexMain" >
        <p>对不起您来晚一步此任务已被处理</p>
        <div class="modalBackToList" data-function="btnBackReserveList">返回列表</div>
    </div>
</div>

<!--第8页 预定弹框提示对不起您来晚了 结束-->
<!--------------------任务界面流程结束------------------------------------------------>
<!-------------------点餐流程开始------------------------------------------->
<!--1号  点餐的主页面开始-->
<div class="main-page" id="mainPageorderPage"
     data-belongToMenu="footerOrderImg" data-belongtoheader='{"back":false,"search":true,"scancode":true,"add":false}'
     data-title="点餐">
    <!--内容-->
    <div class="content">
        <ul class="cont_top">
            <li class="top_list" data-function="orderingfood_directChooseCp">
                <div class="top_ico_box" data-function="orderingfood_directChooseCp">
                    <div class="order_ico" data-function="orderingfood_directChooseCp"></div>
                </div>
                <p class="top_title" data-function="orderingfood_directChooseCp">直接点餐</p>
            </li>
            <li class="top_list" data-function="orderingfood_todayOrderList">
                <div class="top_ico_box" data-function="orderingfood_todayOrderList">
                    <div class="pay_ico" data-function="orderingfood_todayOrderList"></div>
                </div>
                <p class="top_title" data-function="orderingfood_todayOrderList">今日账单（预定、外卖、正用餐）</p>
            </li>
            <li class="top_list" data-function="member_entrance">
                <div class="top_ico_box" data-function="member_entrance">
                    <div class="vip_ico" data-function="member_entrance"></div>
                </div>
                <p class="top_title" data-function="member_entrance">会员</p>
            </li>
        </ul>
        <h1 class="cont_bar">餐台列表</h1>
        <ul class="cont_btm">
            <li class="btm_list" data-function="btn_open_table_empty">
                <div class="btm_ico_box" data-function="btn_open_table_empty">
                    <div class="btm_ico" data-function="btn_open_table_empty">壹</div>
                </div>
                <p class="btm_title" data-function="btn_open_table_empty">1号台（空）</p>
            </li>
            <li class="btm_list" data-function="btn_open_table_reserve">
                <div class="btm_ico_box" data-function="btn_open_table_reserve">
                    <div class="btm_ico" data-function="btn_open_table_reserve">贰</div>
                </div>
                <p class="btm_title" data-function="btn_open_table_reserve">2号台（预定）</p>
            </li>
            <li class="btm_list" data-function="btn_occupy_table_operate">
                <div class="btm_ico_box" data-function="btn_occupy_table_operate">
                    <div class="btm_ico" data-function="btn_occupy_table_operate">叁</div>
                </div>
                <p class="btm_title" data-function="btn_occupy_table_operate">3号台（就餐中）</p>
            </li>
            <li class="btm_list">
                <div class="btm_ico_box">
                    <div class="btm_ico">肆</div>
                </div>
                <p class="btm_title">4号台（就餐中）</p>
            </li>
            <li class="btm_list">
                <div class="btm_ico_box">
                    <div class="btm_ico">伍</div>
                </div>
                <p class="btm_title">5号台（预定）</p>
            </li>
            <li class="btm_list">
                <div class="btm_ico_box">
                    <div class="btm_ico">陆</div>
                </div>
                <p class="btm_title">6号台（空）</p>
            </li>
            <li class="btm_list">
                <div class="btm_ico_box">
                    <div class="btm_ico">柒</div>
                </div>
                <p class="btm_title">7号台（空）</p>
            </li>
            <li class="btm_list">
                <div class="btm_ico_box">
                    <div class="btm_ico">捌</div>
                </div>
                <p class="btm_title">8号台（就餐中）</p>
            </li>
            <li class="btm_list">
                <div class="btm_ico_box">
                    <div class="btm_ico">玖</div>
                </div>
                <p class="btm_title">9号台（就餐中）</p>
            </li>
            <li class="btm_list">
                <div class="btm_ico_box">
                    <div class="btm_ico">拾</div>
                </div>
                <p class="btm_title">10号台（空）</p>
            </li>
        </ul>
    </div>
</div>
<!--1号  点餐的主页面结束-->
<!--2号   空台开台点餐、预定落桌开始-->
<div class="main-page" id="subfoundingOrderPage"
     data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="第几桌">
    <!-- 列表内容-->
    <ul class="cont">
        <!-- 第一列 图标和桌号-->
        <li class="tableInfo">
            <!-- 图标-->
            <div class="tableIco"></div>
            <!-- 桌号-->
            <p class="tableNum">第五桌</p>
        </li>
        <!-- 第二列 桌台状态-->
        <li class="stateInfo">
            <!-- 左边状态字样-->
            <p class="stateFont">状态</p>
            <!-- 右边的状态信息-->
            <p class="state">空台</p>
        </li>
        <!-- 第三列 选择入座方式-->
        <li class="choose">
            <!-- 开台点餐-->
            <div class="order" data-function="btn_orderingFood_clickCpOrdering">开台点餐</div>
            <!-- 预定落台-->
            <div class="destine" data-function="btn_orderingFood_reserveLuoZhuo">预定落台</div>
        </li>
    </ul>
</div>
<!--2号   空台开台点餐、预定落桌结束-->
<!--8号    预定订单列表开始-->
<div class="main-page" id="suborderAndSearchPage"
     data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="预定">
    <!-- 搜索框背景-->
    <div class="inputBox">
        <!-- 搜索框-->
        <input class="searchInput" placeholder="姓名/电话">
        <!-- 搜索按钮-->
        <div class="searchBtn active">搜索</div>
    </div>
    <!-- 预定列表-->
    <ul class="orderList">
        <!-- 预定信息-->
        <li class="orderInfo active" data-function="btn_orderingFood_">
            张先生，电话：18888888888&nbsp;用餐人数：6人
        </li>
        <li class="orderInfo active">
            张先生，电话：18888888888&nbsp;用餐人数：6人
        </li>
        <li class="orderInfo active">
            张先生，电话：18888888888&nbsp;用餐人数：6人
        </li>
        <li class="orderInfo active">
            张先生，电话：18888888888&nbsp;用餐人数：6人
        </li>
        <li class="orderInfo active">
            张先生，电话：18888888888&nbsp;用餐人数：6人
        </li>
        <li class="orderInfo active">
            张先生，电话：18888888888&nbsp;用餐人数：6人
        </li>
    </ul>
</div>
<!--8号    预定订单列表结束-->
<!------------------预定的流程---------------------->
<!--14号   预定落桌的详情开始-->
<div class="main-page" id="subtureTakeOneSeatPage"
     data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="预定">

    <ul class="cont">
        <li class="stateInfo">
            <p class="state">状态</p>
            <p class="yeah">已预定</p>
        </li>
        <li class="personInfo">
            <p class="contactWay">联系方式</p>
            <p class="name">姓名：张先生</p>
            <p class="phone">电话：<span class="phoneNum">18888888888</span></p>
            <div class="phoneIco"></div>
        </li>
        <li class="serviceInfo">
            <p class="serviceCont">服务内容</p>
            <p class="mealTime">用餐时间：今日18:30</p>
            <p class="mealCount">用餐人数：6人</p>
        </li>
        <div class="noOrderAndNoPay">
            <li class="billInfo">
                <p class="bill">账单</p>
                <div class="nop">
                    <p class="noOrder">未点餐</p>
                    <p class="goToOrder">〉</p>
                </div>
            </li>
        </div>
        <div class="orderAndPay">
            <div class="billInfo">
                <p class="bill">账单</p>
                <div class="yeah">
                </div>
            </div>
            <li class="sumInfo">
                <p class="sum">合计</p>
                <p class="money">￥50元</p>
            </li>
        </div>
        <li class="payInfo">
            <p class="payState">支付状态</p>
            <p class="yeahOrNo">已支付</p>
        </li>
    </ul>

    <div class="bottom" >
        <div class="takeOneSeat active" data-function="btn_orderingFood_reserve_LuoZuoOk">
            <div class="ico" data-function="btn_orderingFood_reserve_LuoZuoOk"></div>
            <p class="true" data-function="btn_orderingFood_reserve_LuoZuoOk">确认落座</p>
        </div>
        <div class="changeOneSeat active" data-function="btn_orderingFood_reserve_exchange" style="display:none">
            <div class="ico" data-function="btn_orderingFood_reserve_exchange"></div>
            <p class="true" data-function="btn_orderingFood_reserve_exchange">预定换台</p>
        </div>
        <div class="clearOrder active" data-function="btn_orderingFood_reserve_clearAwayReserve">
            <div class="ico" data-function="btn_orderingFood_reserve_clearAwayReserve"></div>
            <p class="true" data-function="btn_orderingFood_reserve_clearAwayReserve">清除预定</p>
        </div>
    </div>
    <!--遮罩层-->
    <div class="IndexPage" style="display: none"></div>
    <!--选择项-->
    <div class="goToOrderOrNo" style="display: none">
        <p class="remind">您还没有点餐现在是否点餐</p>
        <div class="yeahOrNo">
            <!-- 不点选项-->
            <div class="left active" data-function="btn_orderingFood_reserve_noChooseCp">不点</div>
            <!-- 点餐选项-->
            <div class="right active" data-function="btn_orderingFood_reserve_chooseCp">点餐</div>
        </div>
    </div>
</div>
<!--14号   预定落桌的详情结束-->
<!--16号   清除预定添加理由开始-->
<div class="main-page" id="subclearOrderPage"
     data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="清除预定">

    <ul class="cont">
        <li class="orderInfo">
            <p class="way">预定方式</p>
            <p class="wechatOrder">微信预定</p>
        </li>
        <li class="personInfo">
            <p class="contactWay">联系方式</p>
            <p class="name">姓名：张先生</p>
            <p class="phone">电话：<span class="phoneNum">18888888888</span></p>
            <div class="phoneIco"></div>
        </li>
        <li class="serviceInfo">
            <p class="serviceCont">服务内容</p>
            <p class="mealWay">预定餐位</p>
            <p class="mealTime">用餐时间：今日18:30</p>
            <p class="mealCount">用餐人数：6人</p>
        </li>
        <li class="billInfo">
            <p class="bill">账单情况</p>
            <p class="noOrder">未点餐</p>
        </li>
        <li class="payInfo">
            <p class="payState">支付状态</p>
            <p class="yeahOrNo">已支付</p>
        </li>
        <li class="reasonInfo">
            <p class="reason">理由</p>
            <textarea class="reasonText" cols="40" rows="4"></textarea>
        </li>
        <li class="bottom">
            <p class="trueClear active">确认清除</p>
        </li>
    </ul>

</div>
<!--16号   清除预定添加理由结束-->
<!-------------------------就餐中流程开始-------------------------------->
<!--17号    就餐中详细信息开始-->
<div class="main-page" id="subchangeOneSeatPage"
     data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="第几桌">

    <ul class="cont">
        <li class="stateInfo">
            <p class="state">状态</p>
            <p class="yeah">就餐中</p>
        </li>
        <li class="havePersonInfo">
            <p class="contactWay">联系方式</p>
            <p class="name">姓名：张先生</p>
            <p class="phone">电话：<span class="phoneNum">18888888888</span></p>
            <div class="phoneIco"></div>
        </li>
        <li class="noPersonInfo">
            <p class="contactWay">联系方式</p>
            <p class="noPersonInfo">无</p>
        </li>
        <div class="orderAndPay">
            <div class="billInfo">
                <p class="bill">账单</p>
                <div class="yeah">
                    <p class="dish">水果拼盘（1）</p>
                    <p class="dish">拿铁（1）</p>
                    <p class="dish">铁观音（1）</p>
                    <p class="dish">热狗（1）</p>
                    <p class="dish">牛奶(1)</p>
                    <p class="dish">果汁(1)</p>
                    <p class="dish">水果拼盘（1）</p>
                    <p class="dish">水果拼盘（1）</p>
                    <p class="dish">水果拼盘（1）</p>
                    <p class="dish">水果拼盘（1）</p>
                </div>
                <p class="goToSee">〉</p>
            </div>
            <li class="sumInfo">
                <p class="sum">合计</p>
                <p class="money">￥50元</p>
            </li>
        </div>
        <li class="payInfo">
            <p class="payState">支付状态</p>
            <p class="yeahOrNo">已支付</p>
        </li>
    </ul>

    <div class="bottom">
        <div class="changeOneSeat active" data-function="btn_orderingFood_occupyTable_changeTable">
            <div class="ico" data-function="btn_orderingFood_occupyTable_changeTable"></div>
            <p class="true" data-function="btn_orderingFood_occupyTable_changeTable">换台</p>
        </div>
        <div class="addDishes active" data-function="btn_orderingFood_occupyTable_addCp">
            <div class="ico" data-function="btn_orderingFood_occupyTable_addCp"></div>
            <p class="true" data-function="btn_orderingFood_occupyTable_addCp">加菜</p>
        </div>
        <div class="cutDishes active" data-function="btn_orderingFood_occupyTable_elideCp">
            <div class="ico" data-function="btn_orderingFood_occupyTable_elideCp"></div>
            <p class="true" data-function="btn_orderingFood_occupyTable_elideCp">划菜</p>
        </div>
        <div class="delDishes active" data-function="btn_orderingFood_occupyTable_deleteCp">
            <div class="ico" data-function="btn_orderingFood_occupyTable_deleteCp"></div>
            <p class="true" data-function="btn_orderingFood_occupyTable_deleteCp">删菜</p>
        </div>
        <div class="freeBill active" data-function="btn_orderingFood_occupyTable_freeCp">
            <div class="ico" data-function="btn_orderingFood_occupyTable_freeCp"></div>
            <p class="true" data-function="btn_orderingFood_occupyTable_freeCp">免单</p>
        </div>
        <!-- 灰色状态done-->
        <div class="payBill active " data-function="btn_orderingFood_occupyTable_billOrder">
            <div class="ico" data-function="btn_orderingFood_occupyTable_billOrder"></div>
            <p class="true" data-function="btn_orderingFood_occupyTable_billOrder">结账</p>
        </div>
    </div>

</div>
<!--17号    就餐中详细信息结束-->
<!--18号     划菜开始-->
<div class="main-page" id="subcutDishesPage"
     data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="划菜">
    <ul class="cont">
        <li class="tableNum">5号台</li>
        <li class="dishInfo">
            <p class="dishName">鱼香肉丝</p>
            <p class="dishCount">1份</p>
            <div class="state active">
                <p class="noChoose choosed">√</p>
            </div>
        </li>
        <li class="dishInfo">
            <p class="dishName">鱼香肉丝</p>
            <p class="dishCount">1份</p>
            <div class="state active">
                <p class="noChoose choosed">√</p>
            </div>
        </li>
        <li class="dishInfo">
            <p class="dishName">鱼香肉丝</p>
            <p class="dishCount">1份</p>
            <div class="state active">
                <p class="noChoose choosed">√</p>
            </div>
        </li>
        <li class="elide" data-function="btn_orderingFood_elideCp_ok">确认划菜</li>
    </ul>
    <!--遮罩层-->
    <div class="IndexPage" style="display: none"></div>
    <!-- 选择项-->
    <div class="cutOrNo" style="display: none">
        <p class="remind">是否确定划菜</p>
        <div class="yeahOrNo">
            <!-- 不点选项-->
            <div class="left active" data-function="btn_orderingFood_elideCpIsOrNo_no">取消</div>
            <!-- 点餐选项-->
            <div class="right active" data-function="btn_orderingFood_elideCpIsOrNo_yes">确定</div>
        </div>
    </div>
</div>
<!--18号     划菜结束-->
<!--20号      结账开始-->
<div class="main-page" id="subchoosePayWayPage"
     data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="结账">

    <ul class="cont">
        <li class="tableInfo">
            <p class="table">桌号</p>
            <p class="info">第五桌</p>
        </li>
        <li class="timeInfo">
            <p class="time">时间</p>
            <p class="info">18:30-19:45</p>
        </li>
        <div class="orderAndPay">
            <div class="billInfo">
                <p class="bill">账单</p>
                <div class="yeah">
                    <p class="dish">水果拼盘（1）</p>
                    <p class="dish">拿铁（1）</p>
                    <p class="dish">铁观音（1）</p>
                    <p class="dish">热狗（1）</p>
                    <p class="dish">牛奶(1)</p>
                    <p class="dish">果汁(1)</p>
                    <p class="dish">水果拼盘（1）</p>
                    <p class="dish">水果拼盘（1）</p>
                    <p class="dish">水果拼盘（1）</p>
                    <p class="dish">水果拼盘（1）</p>
                </div>
                <p class="goToSee">〉</p>
            </div>
            <li class="sumInfo">
                <p class="sum">共计</p>
                <p class="money">￥300（预付￥100）</p>
            </li>
        </div>
        <!-- 应收-->
        <li class="receivableInfo">
            <p class="receivable">应收</p>
            <p class="money">￥200</p>
        </li>
        <li class="couponInfo">
            <p class="coupon active">未使用优惠券</p>
            <div class="chooseCouponBtn active"></div>
            <div class="showCouponOption hiddenCouponOption">
                <p class="option without">10元优惠券</p>
                <p class="option without">20元优惠券</p>
            </div>
        </li>
        <li class="payWayInfo">
            <p class="payWay">支付方式</p>
            <ul class="wayInfo">
                <li class="payMoney">
                    现金支付
                    <div class="state active">
                        <p class="noChoose choosed">√</p>
                    </div>
                </li>
                <li class="payMoney">
                    扫码支付
                    <div class="state active">
                        <p class="noChoose choosed">√</p>
                    </div>
                </li>
                <li class="payMoney">
                    划卡支付
                    <div class="state active">
                        <p class="noChoose choosed">√</p>
                    </div>
                </li>
                <li class="payMoney">
                    会员支付
                    <div class="state active">
                        <p class="noChoose choosed">√</p>
                    </div>
                </li>
            </ul>
        </li>

    </ul>

    <div class="bottom">
        <div class="gathering active" data-function="btn_orderingFood_billGetMoney">收款</div>
    </div>

</div>
<!--20号      结账结束-->
<!--21号      扫码支付开始-->
<div class="main-page" id="subscanCodePage"
     data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="扫码支付">
    <div class="cont">
        <p class="title">XX餐厅费：￥200</p>
        <div class="payWayIco"></div>
        <p class="payWay">微信、支付宝扫码付款</p>
        <p class="wait">等待扫描·······</p>
    </div>
</div>
<!--21号      扫码支付结束-->
<!--22号      账单明细开始-->
<div class="main-page" id="subBillDetailsPage"
     data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="账单明细">
    <div class="cont">
        <!--  <ul class="payedList">
              <li class="payed">
                  <p class="name">鱼香肉丝</p>
                  <p class="count">1份</p>
                  <p class="price">￥16.00</p>
              </li>
              <li class="payed">
                  <p class="name">鱼香肉丝</p>
                  <p class="count">1份</p>
                  <p class="price">￥16.00</p>
              </li>
              <li class="payed">
                  <p class="name">鱼香肉丝</p>
                  <p class="count">1份</p>
                  <p class="price">￥16.00</p>
              </li>
              <li class="payed">
                  <p class="name">鱼香肉丝</p>
                  <p class="count">1份</p>
                  <p class="price">￥16.00</p>
              </li>
              <li class="sumInfo">
                  <p class="sum">微信已收：</p>
                  <p class="money">￥100.00</p>
              </li>
          </ul>-->
        <ul class="noPayList">
            <li class="noPay">
                <p class="name">鱼香肉丝</p>
                <p class="count">1份</p>
                <p class="price">￥16.00</p>
            </li>
            <li class="noPay">
                <p class="name">鱼香肉丝</p>
                <p class="count">1份</p>
                <p class="price">￥16.00</p>
            </li>
            <li class="noPay">
                <p class="name">鱼香肉丝</p>
                <p class="count">1份</p>
                <p class="price">￥16.00</p>
            </li>
            <li class="sumInfo">
                <p class="sum">应收：</p>
                <p class="money">￥200.00</p>
            </li>
        </ul>
    </div>
</div>
<!--22号      账单明细结束-->
<!--23号      会员支付选择会员开始-->
<div class="main-page" id="subVipMainPage" data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="会员">
    <div class="subVipMainPageSearchBg">
        <input type="text" class="searchText" placeholder="姓名/电话"/>
        <div class="searchBtn"  data-function="btn_member_selectOk">搜索</div>
    </div>
    <ul class="vipList">
        <li class="vipInfo">
            <div class="vipIco"></div>
            <p class="info">张先生，电话：18888888888</p>
        </li>
        <li class="vipInfo">
            <div class="vipIco"></div>
            <p class="info"></p>
        </li>
        <li class="vipInfo">
            <div class="vipIco"></div>
            <p class="info"></p>
        </li>
    </ul>
</div>
<!--23号      会员支付选择会员结束-->
<!--24号      会员支付开始-->
<div class="main-page" id="subVipPayPage" data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="会员支付">

    <div class="subVipPayPageCont">
        <p class="expendMoney">XX餐厅餐费：￥200.00</p>
        <ul class="vipList">
            <li class="vipInfoTitle">个人信息</li>
            <li class="vipInfo">
                <p class="vipInfoHead">姓名</p>
                <p class="vipInfoCont">张先生</p>
            </li>
            <li class="vipInfo">
                <p class="vipInfoHead">电话</p>
                <p class="vipInfoCont">18888888888</p>
            </li>
            <li class="vipInfo">
                <p class="vipInfoHead">会员状态</p>
                <p class="vipInfoCont">激活</p>
            </li>
            <li class="vipInfo">
                <p class="vipInfoHead">会员等级</p>
                <p class="vipInfoCont">一级</p>
            </li>
            <li class="restMoney">余额：￥500.00</li>
        </ul>
    </div>

    <div class="subVipPayPageBottom">
        <div class="payBtn" data-function="btn_orderingFood_billGetMoney_member">结账</div>
    </div>

    <!-- 遮罩层-->
    <div class="IndexPage"></div>
    <!-- 选择层-->
    <div class="overIndexPage" style="display: none">
        <p class="remind">余额不足</p>
        <p class="back" data-function="btn_chooseOtherPayWay">选择其他支付方式</p>
    </div>
</div>
<!--24号      会员支付结束-->
<!--25,26    划菜或者免单开始-->
<div class="main-page" id="subamendBillPage"
     data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="修改订单">
    <div class="chooseAllInfo">
        <div class="chooseIco " data-function="btn_orderingFood_deleteOrFree_allChoose"></div>
        <p class="chooseAll">全选</p>
    </div>
    <ul class="cont">
        <li class="dishInfo">
            <div class="chooseIco active"></div>
            <p class="name">鱼香肉丝</p>
            <p class="count">1份</p>
            <p class="price">￥16.00</p>
        </li>
        <li class="dishInfo">
            <div class="chooseIco active"></div>
            <p class="name">鱼香肉丝</p>
            <p class="count">1份</p>
            <p class="price">￥16.00</p>
        </li>
        <li class="dishInfo">
            <div class="chooseIco active"></div>
            <p class="name">鱼香肉丝</p>
            <p class="count">1份</p>
            <p class="price">￥16.00</p>
        </li>
        <li class="dishInfo">
            <div class="chooseIco active"></div>
            <p class="name">鱼香肉丝</p>
            <p class="count">1份</p>
            <p class="price">￥16.00</p>
        </li>
    </ul>

    <div class="bottom">
        <div class="delBtn disabled" data-function="btn_orderingFood_deleteCp">
            <div class="delIco" data-function="btn_orderingFood_deleteCp"></div>
            <p class="del" data-function="btn_orderingFood_deleteCp">删菜</p>
        </div>
        <div class="freeBtn disabled" data-function="btn_orderingFood_freeFood">
            <div class="freeIco" data-function="btn_orderingFood_freeFood"></div>
            <p class="free" data-function="btn_orderingFood_freeFood">免单</p>
        </div>
    </div>

</div>
<!--25,26    划菜或者免单结束-->
<!--27号      免单理由开始-->
<div class="main-page" id="subfreeBillPage"
     data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="免单">

    <div class="cont">
        <div class="chooseAllInfo">
            <div class="chooseIco active" data-function="btn_orderingFood_Free_allChoose"></div>
            <p class="chooseAll">全选</p>
        </div>
        <ul class="freeDishesList">
            <li class="dishInfo active">
                <div class="chooseIco active"></div>
                <p class="name">鱼香肉丝</p>
                <p class="count">1份</p>
                <p class="price"><del>￥16.00</del></p>
            </li>
            <li class="dishInfo">
                <div class="chooseIco active"></div>
                <p class="name">鱼香肉丝</p>
                <p class="count">1份</p>
                <p class="price"><del>￥16.00</del></p>
            </li>
            <li class="dishInfo">
                <p class="name">鱼香肉丝</p>
                <p class="count">1份</p>
                <p class="price"><del>￥16.00</del></p>
            </li>
            <li class="dishInfo">
                <p class="name">鱼香肉丝</p>
                <p class="count">1份</p>
                <p class="price"><del>￥16.00</del></p>
            </li>
            <li class="dishInfo">
                <p class="name">鱼香肉丝</p>
                <p class="count">1份</p>
                <p class="price"><del>￥16.00</del></p>
            </li>
        </ul>
        <p class="grayBar"></p>
        <input class="reasonText" type="text" placeholder="请选择免单理由">
        <!--    <div class="reasonText">
                <span class="chooseReason active">请选择免单理由</span>
                <span class="notHealthy active">菜品不卫生</span>
                <span class="notAll active">菜品不全</span>
                <span class="loseBill active">跑单</span>
                <span class="other active">其他</span>
            </div>-->
        <div class="reasonOptions">
            <span class="notHealthy ">菜品不卫生</span>
            <span class="notAll ">菜品不全</span>
            <span class="loseBill ">跑单</span>
            <span class="other ">其他</span>
        </div>
        <div class="pictureInfo" style="display: none">
            <p class="addPicture">添加照片</p>
        </div>
    </div>

    <div class="bottom">
        <div class="true" data-function="btn_orderingFood_freeCp_comfirm">确定</div>
    </div>

</div>
<!--27号      免单理由结束-->
<!--28号      删除菜品理由开始-->
<div class="main-page" id="subdelDishesPage"
     data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="退菜">

    <div class="cont">
        <div class="chooseAllInfo">
            <div class="chooseIco active" data-function="btn_orderingFood_deleteOrFree_allChoose"></div>
            <p class="chooseAll">全选</p>
        </div>
        <ul class="freeDishesList">
            <li class="dishInfo active">
                <div class="chooseIco active"></div>
                <p class="name">鱼香肉丝</p>
                <div class="cutIco active"></div>
                <p class="count">1份</p>
                <div class="addIco active"></div>
                <p class="price">￥16.00</p>
            </li>
            <li class="dishInfo">
                <p class="name"><del>鱼香肉丝</del></p>
                <p class="count"><del>1份</del></p>
                <p class="price"><del>￥16.00</del></p>
            </li>
        </ul>
        <p class="grayBar"></p>
        <input class="reasonText" type="text" placeholder="请选择退菜理由">
        <!--     <div class="reasonText">
                 <span class="chooseReason active">请选择删菜理由</span>
                 <span class="notHealthy active">顾客不要了</span>
                 <span class="notAll active">顾客误点</span>
                 <span class="loseBill active">厨房没有原材料了</span>
                 <span class="other active">其他</span>
             </div>-->
        <div class="reasonOptions">
            <span class="notHealthy ">顾客不要了</span>
            <span class="notAll ">顾客误点</span>
            <span class="loseBill ">厨房没有原材料了</span>
            <span class="other ">其他</span>
        </div>
        <div class="pictureInfo" style="display:none">
            <p class="addPicture">添加照片</p>
        </div>
    </div>

    <div class="bottom">
        <div class="true" data-function="btn_orderingFood_deleteCp_comfirm"> 确定</div>
    </div>

</div>
<!--28号      删除菜品理由结束-->
<!--29号用任务界面里的28号-->
<!--30页     今日订单列表开始-->
<div class="main-page" id="subtodayBillOfMealPage"
     data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="今日订单">
    <!-- 搜索框背景-->
    <div class="inputBox">
        <!-- 搜索框-->
        <input class="searchInput" placeholder="姓名/电话/桌台号">
        <!-- 搜索按钮-->
        <div class="searchBtn active" data-function="today_order_search">搜索</div>
    </div>
    <!-- 列表-->
    <ul class="cont">
        <!--正在用餐中-->
        <!-- <li class="infoList" data-function="btn_orderingFood_eatingFood_notBill">
         <p class="time" data-function="btn_orderingFood_eatingFood_notBill">12:30</p>
         <p class="table" data-function="btn_orderingFood_eatingFood_notBill">2号台</p>
         <p class="money " data-function="btn_orderingFood_eatingFood_notBill">￥40.00</p>
         </li>
         <li class="infoList" data-function="btn_orderingFood_eatingFood_notBill">
             <p class="time" data-function="btn_orderingFood_eatingFood_notBill">12:30</p>
             <p class="table" data-function="btn_orderingFood_eatingFood_notBill">2号台&nbsp;张先生&nbsp;电话:18888888888</p>
             <p class="money " data-function="btn_orderingFood_eatingFood_notBill">￥40.00</p>
         </li>
         <li class="infoList" data-function="btn_orderingFood_eatingFood_billed">
             <p class="time" data-function="btn_orderingFood_eatingFood_billed">12:30</p>
             <p class="table" data-function="btn_orderingFood_eatingFood_billed">2号台&nbsp;张先生&nbsp;电话:18888888888</p>
             <p class="money active" data-function="btn_orderingFood_eatingFood_billed">￥40.00</p>
         </li>
         &lt;!&ndash;带接单 &ndash;&gt;
           &lt;!&ndash; 预定&ndash;&gt;
         <li class="infoList" data-function="btn_orderingFood_todayOrder_reserving">
             <p class="time" data-function="btn_orderingFood_todayOrder_reserving">12:30</p>
             <p class="table" data-function="btn_orderingFood_todayOrder_reserving">2号台&nbsp;张先生&nbsp;电话:18888888888</p>
             <p class="money " data-function="btn_orderingFood_todayOrder_reserving">￥40.00</p>
         </li>
            &lt;!&ndash; 外卖&ndash;&gt;
         <li class="infoList" data-function="btn_orderingFood_todayOrder_takeOut">
             <p class="time" data-function="btn_orderingFood_todayOrder_takeOut">12:30</p>
             <p class="table" data-function="btn_orderingFood_todayOrder_takeOut">2号台&nbsp;凤凰园159号&nbsp;电话:18888888888</p>
             <p class="money " data-function="btn_orderingFood_todayOrder_takeOut">￥40.00</p>
         </li>
         &lt;!&ndash;已接单 &ndash;&gt;
         <li class="infoList" data-function="btn_orderingFood_todayOrder_alreadyAcceptOrder">
             <p class="time" data-function="btn_orderingFood_todayOrder_alreadyAcceptOrder">12:30</p>
             <p class="table" data-function="btn_orderingFood_todayOrder_alreadyAcceptOrder">2号台&nbsp;张先生&nbsp;电话:18888888888</p>
             <p class="money " data-function="btn_orderingFood_todayOrder_alreadyAcceptOrder">￥40.00</p>
         </li>
         &lt;!&ndash;已结账 &ndash;&gt;
         <li class="infoList" data-function="btn_orderingFood_todayOrder_Billed">
             <p class="time" data-function="btn_orderingFood_todayOrder_Billed">12:30</p>
             <p class="table" data-function="btn_orderingFood_todayOrder_Billed">2号台&nbsp;张先生&nbsp;电话:18888888888</p>
             <p class="money active" data-function="btn_orderingFood_todayOrder_Billed">￥40.00</p>
         </li>-->
    </ul>
    <!-- 底部-->
    <div class="bottom">
        <div class="mealBtn active" data-function="todayOrderListBottomEatingFood">
            <div class="mealIco" data-function="todayOrderListBottomEatingFood"></div>
            <p class="meal" data-function="todayOrderListBottomEatingFood">就餐中</p>
        </div>
        <div class="orderBtn " data-function="todayOrderListBottomReserve">
            <div class="orderIco" data-function="todayOrderListBottomReserve"></div>
            <p class="order" data-function="todayOrderListBottomReserve">预定中</p>
        </div>
        <div class="takeoutBtn " data-function="todayOrderListBottomTakeOut">
            <div class="takeoutIco" data-function="todayOrderListBottomTakeOut"></div>
            <p class="takeout" data-function="todayOrderListBottomTakeOut">外卖</p>
        </div>
        <div class="sumBtn " data-function="todayOrderListBottomBill">
            <div class="sumIco" data-function="todayOrderListBottomBill"></div>
            <p class="sum" data-function="todayOrderListBottomBill">结算</p>
        </div>
    </div>
</div>
<!--30页     今日订单列表结束-->
<!--34  订单详情开始-->
<div class="main-page" id="subtableOrderDetailsPage"
     data-belongToMenu="none" data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="第几桌">

    <ul class="cont">
        <li class="tableInfo">
            <p class="table">桌号</p>
            <p class="info">第五桌</p>
        </li>
        <li class="timeInfo">
            <p class="time">时间</p>
            <p class="info">18:30-19:45</p>
        </li>
        <div class="orderAndPay">
            <div class="billInfo">
                <p class="bill">账单</p>
                <div class="yeah">
                    <p class="dish">水果拼盘（1）</p>
                    <p class="dish">拿铁（1）</p>
                    <p class="dish">铁观音（1）</p>
                    <p class="dish">热狗（1）</p>
                    <p class="dish">牛奶(1)</p>
                    <p class="dish">果汁(1)</p>
                    <p class="dish">水果拼盘（1）</p>
                    <p class="dish">水果拼盘（1）</p>
                    <p class="dish">水果拼盘（1）</p>
                    <p class="dish">水果拼盘（1）</p>
                </div>
            </div>
            <li class="sumInfo">
                <p class="sum">共计</p>
                <p class="money">￥300（预付￥100）</p>
            </li>
        </div>
        <!-- 应收-->
        <li class="receivableInfo">
            <p class="receivable">应收</p>
            <p class="money">￥200</p>
        </li>
        <li class="officialReceiptsInfo">
            <p class="officialReceipts">实收</p>
            <p class="money">￥303（优惠券￥20）</p>
        </li>
        <li class="payWayInfo">
            <p class="payWay">支付方式</p>
            <p class="WayInfo">现金支付</p>
        </li>

        <li class="menuList">
            <p class="dishesName">鱼香肉丝</p>
            <p class="price">￥16</p>
            <p class="count">X1</p>
        </li>
        <li class="menuList">
            <p class="dishesName">鱼香肉丝</p>
            <p class="price">￥16</p>
            <p class="count">X1</p>
        </li>
        <li class="menuList">
            <p class="dishesName">鱼香肉丝</p>
            <p class="price">￥16</p>
            <p class="count">X1</p>
        </li>
        <li class="menuList">
            <p class="dishesName">鱼香肉丝</p>
            <p class="price">￥16</p>
            <p class="count">X1</p>
        </li>
        <li class="menuList">
            <p class="dishesName">鱼香肉丝</p>
            <p class="price">￥16</p>
            <p class="count">X1</p>
        </li>
        <div class="btm">已结算</div>

    </ul>

</div>
<!--34  订单详情结束-->
<!-- 35桌台列表开始-->
<div class="chooseSeatPage main-page" id="suborderingFoodchooseSeatPage" data-belongToMenu="none"
     data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="选桌">

    <!--内容-->
    <ul class="cont ul-table-list" >
        <div class="listTitle">
            <h2>餐台列表</h2>
        </div>
        <li data-function="btn_LetReserveChooseTable">
            <div>贰</div>
            <p>1号台（空）（6人台）</p>
        </li>
        <li>
            <div>贰</div>
            <p>2号台（空）（6人台）</p>
        </li>
        <li>
            <div>贰</div>
            <p>3号台（空）（6人台）</p>
        </li>
        <li>
            <div>贰</div>
            <p>4号台（空）（6人台）</p>
        </li>
        <li>
            <div>贰</div>
            <p>5号台（空）（6人台）</p>
        </li>
        <li>
            <div>贰</div>
            <p>6号台（空）（6人台）</p>
        </li>
        <li>
            <div>贰</div>
            <p>7号台（空）（6人台）</p>
        </li>
        <li>
            <div>贰</div>
            <p>8号台（空）（6人台）</p>
        </li>
        <li>
            <div>贰</div>
            <p>9号台（空）（6人台）</p>
        </li>
        <li>
            <div>贰</div>
            <p>10号台（空）（6人台）</p>
        </li>
    </ul>

</div>
<!-- 35桌台列表结束-->
<!--36页开始 清除预定写理由 开始-->
<div class="cancelTaskPage main-page" id="subClearReserveOrderTaskPage" data-belongToMenu="none"
     data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="取消任务">
    <!--内容-->
    <div class="cont">
        <div class="main">
            <dl class="menuChose">
                <div>预定方式</div>
                <p>微信预定</p>
            </dl>
            <dl class="personInfo">
                <div class="listHead">联系方式</div>
                <pre>
姓名：张先生
电话：18888888888
                </pre>
                <a></a>
            </dl>
            <dl class="severCont">
                <div>服务内容</div>
                <pre>
预定餐位
用餐时间：今日18:30
用餐人数：6人
                </pre>
            </dl>
            <dl class="menuChose">
                <div>账单情况</div>
                <p>未点餐</p>
            </dl>
            <dl class="menuChose">
                <div>支付状态</div>
                <p>未支付</p>
                <h6>〉</h6>
            </dl>
            <dl class="refuseReason">
                <div>拒绝理由</div>
                <textarea cols="40" rows="4"></textarea>
            </dl>
        </div>
    </div>
    <!--底部-->
    <div class="bottom">
        <div data-function="btn_orderingFood_clearReserveOrder">确认清除</div>
    </div>
</div>
<!--36主页 清除预定写理由 结束-->
<!-------------------------就餐中流程结束-------------------------------->
<!-------------------点餐流程结束------------------------------------------->


<!---------------------我的流程开始------------------------------------------------>
<!--2号  我的主页开始-->
<div class="main-page" id="mainPageminePage"
     data-belongToMenu="footerMineImg"
     data-belongtoheader='{"back":false,"search":false,"scancode":false,"add":false}'
     data-title="我的">
    <!--内容-->
    <div class="content">
        <div class="cont_top">
            <div class="top_left_bg"><div class="top_left"></div></div>
            <div class="top_right"></div>
            <div class="top_bar"></div>
            <div class="top_atl">
                <p id="atl_ch">铃鼓咖啡（轻工店）</p><br>
                <p id="atl_en" style="display: none">Tambourine Coffee(Light Branch)</p>
                <p id="atl_name">服务员：张&nbsp;三</p>
            </div>
        </div>
        <div class="cont_btm">
            <div class="btm_left"></div>
            <div class="btm_right"></div>
            <div class="btm_main">
                <div class="ccl_left" data-function="btn_mine_shiftExchange">
                    <div class="ccl_1" data-function="btn_mine_shiftExchange">
                        <div id="ico_1" data-function="btn_mine_shiftExchange"></div>
                    </div>
                    <p data-function="btn_mine_shiftExchange">交班</p>
                </div>
                <div class="ccl_center" data-function="btn_mine_performance">
                    <div class="ccl_2" data-function="btn_mine_performance">
                        <div id="ico_2" data-function="btn_mine_performance"></div>
                    </div>
                    <p id="nop" data-function="btn_mine_performance">绩效</p>
                </div>
                <div class="ccl_right" data-function="btn_mine_netWork">
                    <div class="ccl_3" data-function="btn_mine_netWork">
                        <div id="ico_3" data-function="btn_mine_netWork"></div>
                    </div>
                    <p data-function="btn_mine_netWork">网络</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!--2号  我的主页结束-->

<!--3,4号  交班填写交班信息开始-->
<div class="main-page" id="subhandOverWorkPage"
     data-belongToMenu="none"
     data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="交班">
    <div class="cont">
        <ul class="payResultList">
            <li class="time">5月1日8：30-5月一日18:45</li>
            <li class="payInfo" data-function="btn_minePayWayCash">
                <p class="payType" data-function="btn_minePayWayCash">现金：</p>
                <p class="money cashMoney" data-function="btn_minePayWayCash">￥210.00</p>
                <div class="goIco" data-function="btn_minePayWayCash"></div>
            </li>
            <li class="payInfo" data-function="btn_minePayWayPos">
                <p class="payType" data-function="btn_minePayWayPos">划卡：</p>
                <p class="money posMoney" data-function="btn_minePayWayPos">￥210.00</p>
                <div class="goIco" data-function="btn_minePayWayPos"></div>
            </li>
            <li class="payInfo" data-function="btn_minePayWayNet">
                <p class="payType" data-function="btn_minePayWayNet">网络支付：</p>
                <p class="money netMoney" data-function="btn_minePayWayNet">￥0</p>
                <div class="goIco" data-function="btn_minePayWayNet"></div>
            </li>
        </ul>

        <textarea class="caseText" cols="36" rows="5" placeholder="如有特殊情况请输入"></textarea>

        <div class="trueBtn" data-function="btn_mine_shiftExchangeOk">确认交班</div>
    </div>

    <!--遮罩层开始-->
    <div class="IndexPage" style="display: none"></div>
    <!--遮罩层结束-->

    <!--选择页开始-->
    <div class="handOverWorkOrNo" style="display: none">
        <p class="remind">是否确定交班</p>
        <div class="yeahOrNo">
            <!-- 不点选项-->
            <div class="left" data-function="btn_mine_promptCancleExchange">取消</div>
            <!-- 点餐选项-->
            <div class="right"  data-function="btn_mine_prompCtonfirmExchange">确定</div>
        </div>
    </div>
    <!--选择页结束-->

</div>
<!--3,4号  交班填写交班信息结束-->

<!--8号网络支付列表开始-->
<div class="main-page" id="subnetPayRecordPage"
     data-belongToMenu="none"
     data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="网络支付">
    <!--   <ul class="cont">
           <li class="timeInfo">5月1日8：30-5月一日21:45</li>
           <li class="payInfo">
               <p class="payType">网络支付：</p>
               <p class="money">￥210.00</p>
           </li>
           <li class="infoList">
               <p class="time">12:30</p>
               <p class="way">预定</p>
               <p class="info">用餐时间：今日18:00&nbsp;用餐人数：6人</p>
               <p class="money">￥40.00</p>
           </li>
           <li class="infoList">
               <p class="time">12:30</p>
               <p class="way">预定</p>
               <p class="info">用餐时间：今日18:00&nbsp;用餐人数：6人</p>
               <p class="money">￥40.00</p>
           </li>
           <li class="infoList">
               <p class="time">12:30</p>
               <p class="way">预定</p>
               <p class="info">用餐时间：今日18:00&nbsp;用餐人数：6人</p>
               <p class="money">￥40.00</p>
           </li>
           <li class="infoList">
               <p class="time">12:30</p>
               <p class="way">预定</p>
               <p class="info">用餐时间：今日18:00&nbsp;用餐人数：6人</p>
               <p class="money">￥40.00</p>
           </li>
           <li class="infoList">
               <p class="time">12:30</p>
               <p class="way">预定</p>
               <p class="info">用餐时间：今日18:00&nbsp;用餐人数：6人</p>
               <p class="money">￥40.00</p>
           </li>
           <li class="infoList">
               <p class="time">12:30</p>
               <p class="way">预定</p>
               <p class="info">用餐时间：今日18:00&nbsp;用餐人数：6人</p>
               <p class="money">￥40.00</p>
           </li>
           <li class="infoList">
               <p class="time">12:30</p>
               <p class="way">预定</p>
               <p class="info">用餐时间：今日18:00&nbsp;用餐人数：6人</p>
               <p class="money">￥40.00</p>
           </li>
           <li class="infoList">
               <p class="time">12:30</p>
               <p class="way">预定</p>
               <p class="info">用餐时间：今日18:00&nbsp;用餐人数：6人</p>
               <p class="money">￥40.00</p>
           </li>
           <li class="infoList">
               <p class="time">12:30</p>
               <p class="way">预定</p>
               <p class="info">用餐时间：今日18:00&nbsp;用餐人数：6人</p>
               <p class="money">￥40.00</p>
           </li>
           <li class="infoList">
               <p class="time">12:30</p>
               <p class="way">预定</p>
               <p class="info">用餐时间：今日18:00&nbsp;用餐人数：6人</p>
               <p class="money">￥40.00</p>
           </li>
       </ul>-->
</div>
<!--8号网络支付列表结束-->

<!--9号现金支付列表开始-->
<div class="main-page" id="subcashPayRecordPage"
     data-belongToMenu="none"
     data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="现金支付">
    <ul class="cont">
        <li class="timeInfo">5月1日8：30-5月一日21:45</li>
        <li class="payInfo">
            <p class="payType">网络支付：</p>
            <p class="money">￥210.00</p>
        </li>
        <li class="infoList">
            <p class="time">12:30</p>
            <p class="way">外卖</p>
            <p class="info">路北区凤祥园1-1楼3单元</p>
            <p class="money">￥40.00</p>
        </li>
        <li class="infoList">
            <p class="time">12:30</p>
            <p class="way">堂食</p>
            <p class="info">一号桌</p>
            <p class="money">￥40.00</p>
        </li>
        <li class="infoList">
            <p class="time">12:30</p>
            <p class="way">外卖</p>
            <p class="info">路北区凤祥园1-1楼3单元</p>
            <p class="money">￥40.00</p>
        </li>
        <li class="infoList">
            <p class="time">12:30</p>
            <p class="way">堂食</p>
            <p class="info">一号桌</p>
            <p class="money">￥40.00</p>
        </li>
        <li class="infoList">
            <p class="time">12:30</p>
            <p class="way">外卖</p>
            <p class="info">路北区凤祥园1-1楼3单元</p>
            <p class="money">￥40.00</p>
        </li>
        <li class="infoList">
            <p class="time">12:30</p>
            <p class="way">堂食</p>
            <p class="info">一号桌</p>
            <p class="money">￥40.00</p>
        </li>
        <li class="infoList">
            <p class="time">12:30</p>
            <p class="way">外卖</p>
            <p class="info">路北区凤祥园1-1楼3单元</p>
            <p class="money">￥40.00</p>
        </li>
        <li class="infoList">
            <p class="time">12:30</p>
            <p class="way">堂食</p>
            <p class="info">一号桌</p>
            <p class="money">￥40.00</p>
        </li>
        <li class="infoList">
            <p class="time">12:30</p>
            <p class="way">外卖</p>
            <p class="info">路北区凤祥园1-1楼3单元</p>
            <p class="money">￥40.00</p>
        </li>
        <li class="infoList">
            <p class="time">12:30</p>
            <p class="way">堂食</p>
            <p class="info">一号桌</p>
            <p class="money">￥40.00</p>
        </li>
    </ul>
</div>
<!--9号现金支付列表结束-->

<!--10号划卡支付开始-->
<div class="main-page" id="subcardPayRecordPage"
     data-belongToMenu="none"
     data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="划卡支付">
    <ul class="cont">
        <li class="timeInfo">5月1日8：30-5月一日21:45</li>
        <li class="payInfo">
            <p class="payType">网络支付：</p>
            <p class="money">￥210.00</p>
        </li>
        <li class="infoList">
            <p class="time">12:30</p>
            <p class="way">堂食</p>
            <p class="info">一号桌</p>
            <p class="money">￥40.00</p>
        </li>
        <li class="infoList">
            <p class="time">12:30</p>
            <p class="way">堂食</p>
            <p class="info">一号桌</p>
            <p class="money">￥40.00</p>
        </li>
        <li class="infoList">
            <p class="time">12:30</p>
            <p class="way">堂食</p>
            <p class="info">一号桌</p>
            <p class="money">￥40.00</p>
        </li>
        <li class="infoList">
            <p class="time">12:30</p>
            <p class="way">堂食</p>
            <p class="info">一号桌</p>
            <p class="money">￥40.00</p>
        </li>
        <li class="infoList">
            <p class="time">12:30</p>
            <p class="way">堂食</p>
            <p class="info">一号桌</p>
            <p class="money">￥40.00</p>
        </li>
        <li class="infoList">
            <p class="time">12:30</p>
            <p class="way">堂食</p>
            <p class="info">一号桌</p>
            <p class="money">￥40.00</p>
        </li>
        <li class="infoList">
            <p class="time">12:30</p>
            <p class="way">堂食</p>
            <p class="info">一号桌</p>
            <p class="money">￥40.00</p>
        </li>
        <li class="infoList">
            <p class="time">12:30</p>
            <p class="way">堂食</p>
            <p class="info">一号桌</p>
            <p class="money">￥40.00</p>
        </li>
        <li class="infoList">
            <p class="time">12:30</p>
            <p class="way">堂食</p>
            <p class="info">一号桌</p>
            <p class="money">￥40.00</p>
        </li>
        <li class="infoList">
            <p class="time">12:30</p>
            <p class="way">堂食</p>
            <p class="info">一号桌</p>
            <p class="money">￥40.00</p>
        </li>
        <li class="infoList">
            <p class="time">12:30</p>
            <p class="way">堂食</p>
            <p class="info">一号桌</p>
            <p class="money">￥40.00</p>
        </li>
    </ul>
</div>
<!--10号划卡支付结束-->

<!--11号历史记录开始-->
<div class="main-page" id="subpayRecordPage"
     data-belongToMenu="none"
     data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="历史记录">
    <ul class="cont">
        <li class="recordInfo" data-function="btn_mineShiftExchageHistory">
            <p class="time" data-function="btn_mineShiftExchageHistory">05月01日8:30-05月01日18:45</p>
            <p class="go" data-function="btn_mineShiftExchageHistory"></p>
        </li>
        <li class="recordInfo">
            <p class="time">05月01日8:30-05月01日18:45</p>
            <p class="go"></p>
        </li>
        <li class="recordInfo">
            <p class="time">05月01日8:30-05月01日18:45</p>
            <p class="go"></p>
        </li>
        <li class="recordInfo">
            <p class="time">05月01日8:30-05月01日18:45</p>
            <p class="go"></p>
        </li>
        <li class="recordInfo">
            <p class="time">05月01日8:30-05月01日18:45</p>
            <p class="go"></p>
        </li>
        <li class="recordInfo">
            <p class="time">05月01日8:30-05月01日18:45</p>
            <p class="go"></p>
        </li>
        <li class="recordInfo">
            <p class="time">05月01日8:30-05月01日18:45</p>
            <p class="go"></p>
        </li>
        <li class="recordInfo">
            <p class="time">05月01日8:30-05月01日18:45</p>
            <p class="go"></p>
        </li>
        <li class="recordInfo">
            <p class="time">05月01日8:30-05月01日18:45</p>
            <p class="go"></p>
        </li>
        <li class="recordInfo">
            <p class="time">05月01日8:30-05月01日18:45</p>
            <p class="go"></p>
        </li>
        <li class="recordInfo">
            <p class="time">05月01日8:30-05月01日18:45</p>
            <p class="go"></p>
        </li>
        <li class="recordInfo">
            <p class="time">05月01日8:30-05月01日18:45</p>
            <p class="go"></p>
        </li>
        <li class="recordInfo">
            <p class="time">05月01日8:30-05月01日18:45</p>
            <p class="go"></p>
        </li>
    </ul>
</div>
<!--11号历史记录开始-->

<!--11.5号一天的历史记录开始-->
<div class="main-page" id="subpayOneDayPage"
     data-belongToMenu="none"
     data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="历史记录">
    <ul class="cont">
        <li class="recordInfo" data-function="btn_mineShiftExchageHistoryOne">
            <p class="time" data-function="btn_mineShiftExchageHistoryOne">05月01日8:30-05月01日18:45</p>
            <p class="go" data-function="btn_mineShiftExchageHistoryOne"></p>
        </li>
        <li class="recordInfo">
            <p class="time">05月01日8:30-05月01日18:45</p>
            <p class="go"></p>
        </li>
        <li class="recordInfo">
            <p class="time">05月01日8:30-05月01日18:45</p>
            <p class="go"></p>
        </li>
        <li class="recordInfo">
            <p class="time">05月01日8:30-05月01日18:45</p>
            <p class="go"></p>
        </li>
        <li class="recordInfo">
            <p class="time">05月01日8:30-05月01日18:45</p>
            <p class="go"></p>
        </li>
        <li class="recordInfo">
            <p class="time">05月01日8:30-05月01日18:45</p>
            <p class="go"></p>
        </li>
        <li class="recordInfo">
            <p class="time">05月01日8:30-05月01日18:45</p>
            <p class="go"></p>
        </li>
        <li class="recordInfo">
            <p class="time">05月01日8:30-05月01日18:45</p>
            <p class="go"></p>
        </li>
        <li class="recordInfo">
            <p class="time">05月01日8:30-05月01日18:45</p>
            <p class="go"></p>
        </li>
        <li class="recordInfo">
            <p class="time">05月01日8:30-05月01日18:45</p>
            <p class="go"></p>
        </li>
        <li class="recordInfo">
            <p class="time">05月01日8:30-05月01日18:45</p>
            <p class="go"></p>
        </li>
        <li class="recordInfo">
            <p class="time">05月01日8:30-05月01日18:45</p>
            <p class="go"></p>
        </li>
        <li class="recordInfo">
            <p class="time">05月01日8:30-05月01日18:45</p>
            <p class="go"></p>
        </li>
    </ul>
</div>
<!--11.5号一天的历史记录结束-->

<!--12号 交班历史的信息开始-->
<div class="main-page" id="subhandOverWorkRecordPage"
     data-belongToMenu="none"
     data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="交班">
    <div class="cont">
        <ul class="payResultList">
            <li class="time">5月1日8：30-5月一日18:45</li>
            <li class="payInfo">
                <p class="payType">现金：</p>
                <p class="money">￥210.00</p>
                <div class="goIco"></div>
            </li>
            <li class="payInfo">
                <p class="payType">划卡：</p>
                <p class="money">￥210.00</p>
                <div class="goIco"></div>
            </li>
            <li class="payInfo">
                <p class="payType">网络支付：</p>
                <p class="money">￥210.00</p>
                <div class="goIco"></div>
            </li>
        </ul>

        <div class="caseText"></div>
    </div>
</div>
<!--12号 交班历史的信息结束-->

<!--13 绩效开始-->
<div class="main-page" id="subperformancePage"
     data-belongToMenu="none"
     data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="绩效">
    <!-- 内容部分（同13页）开始-->
    <ul class="cont">
        <li class="time">5月1日8：30-5月一日18:45</li>
        <li class="performanceInfo" data-function="btn_mine_dealWithServe">
            <p class="performanceType" data-function="btn_mine_dealWithServe">处理服务</p>
            <p class="count" data-function="btn_mine_dealWithServe">20次</p>
            <div class="goIco" data-function="btn_mine_dealWithServe"></div>
        </li>
        <li class="performanceInfo" data-function="btn_mine_dealWithReserve">
            <p class="performanceType" data-function="btn_mine_dealWithReserve">处理预定</p>
            <p class="count" data-function="btn_mine_dealWithReserve">10次</p>
            <div class="goIco" data-function="btn_mine_dealWithReserve"></div>
        </li>
        <li class="performanceInfo" data-function="btn_mine_dealTakeOut">
            <p class="performanceType" data-function="btn_mine_dealTakeOut">处理外卖</p>
            <p class="count" data-function="btn_mine_dealTakeOut">10次</p>
            <div class="goIco" data-function="btn_mine_dealTakeOut"></div>
        </li>
        <li class="performanceInfo" data-function="btn_mine_dealBilled">
            <p class="performanceType" data-function="btn_mine_dealBilled">结算订单</p>
            <p class="count" data-function="btn_mine_dealBilled">10次</p>
            <div class="goIco" data-function="btn_mine_dealBilled"></div>
        </li>
        <li class="performanceInfo" data-function="btn_mine_promoteTheTask">
            <p class="performanceType" data-function="btn_mine_promoteTheTask">推广任务</p>
            <p class="count" data-function="btn_mine_promoteTheTask">0次</p>
            <div class="goIco" data-function="btn_mine_promoteTheTask"></div>
        </li>
        <li class="performanceInfo" data-function="btn_mine_goodProbability">
            <p class="performanceType" data-function="btn_mine_goodProbability">好评率</p>
            <p class="count" data-function="btn_mine_goodProbability">23%</p>
            <div class="goIco" data-function="btn_mine_goodProbability"></div>
        </li>
    </ul>
    <!-- 内容部分（同13页）结束-->

    <!-- 遮罩层开始-->
    <div class="IndexPage"  data-function="btn_mine_mengbuPerformance" style="display: none"></div>
    <!-- 遮罩层结束-->

    <!-- 时间选择层开始-->
    <ul class="chooseTimePage"  style="display: none">
        <li class="settings">
            <div class="beginTime active" data-function="btn_mine_performanceStartTime">
                开始时间
                <div class="btmLine"></div>
            </div>
            <div class="endTime " data-function="btn_mine_performanceEndTime">
                结束时间
                <div class="btmLine"></div>
            </div>
            <div class="true" data-function="btn_mine_performanceTimeOk">确定</div>
        </li>
        <li class="timeInfo">
            <p class="time performanceMonth" data-function="btn_mine_performanceMonth">1月</p>
            <p class="time performanceDate" data-function="btn_mine_performanceDate">1日</p>
            <p class="time performanceHour" data-function="btn_mine_performanceHour">0时</p>
            <p class="time last performanceMinute" data-function="btn_mine_performanceMinute">0分</p>
        </li>
    </ul>
    <!-- 时间选择层结束-->

    <!-- 时间列表层开始-->
    <div class="timeListPage" data-function="btn_mine_mengbuPerformance">
        <ul class=" monthList" style="display: none">
            <!--    <li class="monthInfo">1月</li>
                <li class="monthInfo">2月</li>
                <li class="monthInfo">3月</li>
                <li class="monthInfo">4月</li>
                <li class="monthInfo">5月</li>
                <li class="monthInfo">6月</li>
                <li class="monthInfo">7月</li>
                <li class="monthInfo">8月</li>
                <li class="monthInfo">9月</li>
                <li class="monthInfo">10月</li>
                <li class="monthInfo">11月</li>
                <li class="monthInfo">12月</li>-->
        </ul>
        <ul class=" dayList" style="display: none">
            <!-- <li class="dayInfo">1日</li>
             <li class="dayInfo">2日</li>
             <li class="dayInfo">3日</li>
             <li class="dayInfo">4日</li>
             <li class="dayInfo">5日</li>
             <li class="dayInfo">6日</li>
             <li class="dayInfo">7日</li>
             <li class="dayInfo">8日</li>
             <li class="dayInfo">9日</li>
             <li class="dayInfo">10日</li>
             <li class="dayInfo">11日</li>
             <li class="dayInfo">12日</li>
             <li class="dayInfo">13日</li>
             <li class="dayInfo">14日</li>
             <li class="dayInfo">15日</li>
             <li class="dayInfo">16日</li>
             <li class="dayInfo">17日</li>
             <li class="dayInfo">18日</li>
             <li class="dayInfo">19日</li>
             <li class="dayInfo">20日</li>
             <li class="dayInfo">21日</li>
             <li class="dayInfo">22日</li>
             <li class="dayInfo">23日</li>
             <li class="dayInfo">24日</li>
             <li class="dayInfo">25日</li>
             <li class="dayInfo">26日</li>
             <li class="dayInfo">27日</li>
             <li class="dayInfo">28日</li>
             <li class="dayInfo">29日</li>
             <li class="dayInfo">30日</li>
             <li class="dayInfo">31日</li>-->
        </ul>
        <ul class=" hourList" style="display: none">
            <!-- <li class="hourInfo">0时</li>
             <li class="hourInfo">1时</li>
             <li class="hourInfo">2时</li>
             <li class="hourInfo">3时</li>
             <li class="hourInfo">4时</li>
             <li class="hourInfo">5时</li>
             <li class="hourInfo">6时</li>
             <li class="hourInfo">7时</li>
             <li class="hourInfo">8时</li>
             <li class="hourInfo">9时</li>
             <li class="hourInfo">10时</li>
             <li class="hourInfo">11时</li>
             <li class="hourInfo">12时</li>
             <li class="hourInfo">13时</li>
             <li class="hourInfo">14时</li>
             <li class="hourInfo">15时</li>
             <li class="hourInfo">16时</li>
             <li class="hourInfo">17时</li>
             <li class="hourInfo">18时</li>
             <li class="hourInfo">19时</li>
             <li class="hourInfo">20时</li>
             <li class="hourInfo">21时</li>
             <li class="hourInfo">22时</li>
             <li class="hourInfo">23时</li>-->
        </ul>
        <ul class=" minuteList" style="display: none">
            <!--<li class="minuteInfo">0分</li>
            <li class="minuteInfo">1分</li>
            <li class="minuteInfo">2分</li>
            <li class="minuteInfo">3分</li>
            <li class="minuteInfo">4分</li>
            <li class="minuteInfo">5分</li>
            <li class="minuteInfo">6分</li>
            <li class="minuteInfo">7分</li>
            <li class="minuteInfo">8分</li>
            <li class="minuteInfo">9分</li>
            <li class="minuteInfo">10分</li>-->
        </ul>
    </div>
    <!-- 时间列表层结束-->

</div>
<!--13 绩效结束-->

<!--15 绩效服务开始-->
<div class="main-page" id="subperformanceServePage"
     data-belongToMenu="none"
     data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="绩效服务">
    <ul class="cont">
        <li class="timeInfo">5月1日8：30-5月一日21:45</li>
        <li class="dealCount">处理服务7次</li>
        <li class="dealInfo">
            <p class="deal">一号桌：要餐巾纸</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">一号桌：要餐巾纸</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">一号桌：要餐巾纸</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">一号桌：要餐巾纸</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">一号桌：要餐巾纸</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">一号桌：要餐巾纸</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">一号桌：要餐巾纸</p>
            <p class="time">12:40</p>
        </li>
    </ul>
</div>
<!--15 绩效服务结束-->

<!--16 绩效预定开始-->
<div class="main-page" id="subperformanceOrderPage"
     data-belongToMenu="none"
     data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="绩效预定">
    <ul class="cont">
        <li class="timeInfo">5月1日8：30-5月一日21:45</li>
        <li class="dealCount">绩效预定10次</li>
        <li class="dealInfo">
            <p class="deal">预定：2人台</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">预定：2人台</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">预定：2人台</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">预定：2人台</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">预定：2人台</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">预定：2人台</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">预定：2人台</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">预定：2人台</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">预定：2人台</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">预定：2人台</p>
            <p class="time">12:40</p>
        </li>
    </ul>
</div>
<!--16 绩效预定结束-->

<!--17绩效外卖开始-->
<div class="main-page" id="subperformanceTakeoutPage"
     data-belongToMenu="none"
     data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="绩效外卖">
    <ul class="cont">
        <li class="timeInfo">5月1日8：30-5月一日21:45</li>
        <li class="dealCount">绩效外卖12次</li>
        <li class="dealInfo">
            <p class="deal">外卖</p>
            <p class="address">路北区开元电器4层</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">外卖</p>
            <p class="address">路北区开元电器4层</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">外卖</p>
            <p class="address">路北区开元电器4层</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">外卖</p>
            <p class="address">路北区开元电器4层</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">外卖</p>
            <p class="address">路北区开元电器4层</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">外卖</p>
            <p class="address">路北区开元电器4层</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">外卖</p>
            <p class="address">路北区开元电器4层</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">外卖</p>
            <p class="address">路北区开元电器4层</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">外卖</p>
            <p class="address">路北区开元电器4层</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">外卖</p>
            <p class="address">路北区开元电器4层</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">外卖</p>
            <p class="address">路北区开元电器4层</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">外卖</p>
            <p class="address">路北区开元电器4层</p>
            <p class="time">12:40</p>
        </li>
    </ul>
</div>
<!--17绩效外卖结束-->

<!--18绩效订单结算开始-->
<div class="main-page" id="subperformanceBillCheckPage"
     data-belongToMenu="none"
     data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="订单结算">
    <ul class="cont">
        <li class="timeInfo">5月1日8：30-5月一日21:45</li>
        <li class="dealCount">订单结算10次</li>
        <li class="dealInfo">
            <p class="deal">一号桌</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">一号桌</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">一号桌</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">一号桌</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">一号桌</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">一号桌</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">一号桌</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">一号桌</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">一号桌</p>
            <p class="time">12:40</p>
        </li>
        <li class="dealInfo">
            <p class="deal">一号桌</p>
            <p class="time">12:40</p>
        </li>
    </ul>
</div>
<!--18绩效订单结算结束-->

<!--19绩效今日推广开始-->
<div class="main-page" id="subperformanceSpreadPage"
     data-belongToMenu="none"
     data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="绩效推广">
    <ul class="cont">
        <li class="timeInfo">5月1日8：30-5月一日21:45</li>
        <li class="dealCount">绩效推广999次</li>
    </ul>
</div>
<!--19绩效今日推广结束-->

<!--20好评率开始-->
<div class="main-page" id="subperformanceAssessPage"
     data-belongToMenu="none"
     data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="好评率">
    <ul class="cont">
        <li class="timeInfo">5月1日8：30-5月一日21:45</li>
        <li class="goodPercent">好评率100%</li>
        <!-- <li class="assessInfo">
             <p class="assess">一号桌：服务态度好</p>
             <p class="good">好评</p>
             <p class="normal">一般</p>
             <p class="bad">差评</p>
         </li>
         <li class="assessInfo">
             <p class="assess">一号桌：服务态度好</p>
             <p class="good">好评</p>
             <p class="normal">一般</p>
             <p class="bad">差评</p>
         </li>
         <li class="assessInfo">
             <p class="assess">一号桌：服务态度好</p>
             <p class="good">好评</p>
             <p class="normal">一般</p>
             <p class="bad">差评</p>
         </li>
         <li class="assessInfo">
             <p class="assess">一号桌：服务态度好</p>
             <p class="good">好评</p>
             <p class="normal">一般</p>
             <p class="bad">差评</p>
         </li>
         <li class="assessInfo">
             <p class="assess">一号桌：服务态度好</p>
             <p class="good">好评</p>
             <p class="normal">一般</p>
             <p class="bad">差评</p>
         </li>
         <li class="assessInfo">
             <p class="assess">一号桌：服务态度好</p>
             <p class="good">好评</p>
             <p class="normal">一般</p>
             <p class="bad">差评</p>
         </li>
         <li class="assessInfo">
             <p class="assess">一号桌：服务态度好</p>
             <p class="good">好评</p>
             <p class="normal">一般</p>
             <p class="bad">差评</p>
         </li>
         <li class="assessInfo">
             <p class="assess">一号桌：服务态度好</p>
             <p class="good">好评</p>
             <p class="normal">一般</p>
             <p class="bad">差评</p>
         </li>-->
    </ul>
</div>
<!--20好评率结束-->


<!---------------------我的流程结束------------------------------------------------>
<!---------------------会员流程开始------------------------------------------------>
<!--1号 会员列表开始-->
<div class="main-page" id="subMemberSearch"
     data-belongToMenu="none"
     data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="会员">
    <div class="Search">
        <input class="searchTxt" type="text"  placeholder="姓名/电话">
        <div class="searchBtn" data-function="btn_member_selectOk">确定</div>
    </div>
    <ul class="memberList">
        <li data-function="btn_memberList_oneInfo">
            <span class="memberImg" data-function="btn_memberList_oneInfo"></span>
            <p data-function="btn_memberList_oneInfo"> 张先生，电话：18888888888。。。</p>
        </li>
        <li>
            <span class="memberImg"></span>
            <p>张先生，电话：18888888888。。。</p>
        </li>
        <li>
            <span class="memberImg"></span>
            <p>张先生，电话：18888888888。。。</p>
        </li>
        <li>
            <span class="memberImg"></span>
            <p>张先生，电话：18888888888。。。</p>
        </li>
        <li>
            <span class="memberImg"></span>
            <p>张先生，电话：18888888888。。。</p>
        </li>
        <li>
            <span class="memberImg"></span>
            <p>张先生，电话：18888888888。。。</p>
        </li>
    </ul>

</div>
<!--1号 会员列表结束-->

<!--2号 添加会员开始-->
<div id="subAddMember" class="main-page"
     data-belongToMenu="none"
     data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="添加会员">
    <div class="memberTitle"><p>个人信息</p></div>
    <li>
        <p>姓名<input class="spanBorderA"></p>
    </li>
    <li>
        <p>电话<input class="spanBorderB"></p>
    </li>
    <li>
        <p>充值<input class="spanBorderC">元</p>
        <p>赠<input class="spanBorderC pointSpend" >消费点</p>
    </li>
    <div class="cfAddBak">
        <div class="AddBtn" data-function="btn_member_addMemberOk">确认添加</div>
    </div>
</div>
<!--2号 添加会员结束-->

<!--3,4,5会员详情页面开始-->
<div id="subMemberDetailed" class="main-page"
     data-belongToMenu="none"
     data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="会员">

    <div class="SlideLeft activeOrNoActive" data-function="btn_member_setMemberStatus">
        <div class="SlideBtn" data-function="btn_member_setMemberStatus"></div>
        <span> 激活</span>
    </div>
    <div class="memberTitle"><p>个人信息</p></div>
    <ul class="memberOneInfo">
        <li>
            <div class="DetailedTitle">姓名</div>
            <p class="green">张先生</p>
        </li>
        <li>
            <div class="DetailedTitle">电话</div>
            <p class="green">18688887655</p>
        </li>
        <li>
            <div class="DetailedTitle">充值</div>
            <p><input class="conSpan">元</p>
        </li>
        <li>
            <div class="DetailedTitle">赠</div>
            <p><input class="conSpan">消费点</p>
        </li>
        <li>
            <div class="DetailedTitle">-累积信息</div>
        </li>
    </ul>

    <dl class="ConsumptionList">
        <div class="btn">
            <div class="TopButton" data-function="btn_member_recharge_ok">确定</div>
            <div class="PrintButton" data-function="btn_member_printerWater">打印流水</div>
        </div>

        <div class="memberWater">
            <dd>
                <div class="leftTitle">日期</div>
                <div class="rightTitle">业务</div>
                <div class="clear"></div>
            </dd>
            <dd>
                <p class="leftPart" data-function="btn_member_recharge_info">2015.5.20</p>
                <p class="rightPart" data-function="btn_member_recharge_info">充1000元赠1500消费点</p>
                <div class="rightPartbak" data-function="btn_member_recharge_info"></div>
            </dd>
            <dd>
                <p class="leftPart" data-function="btn_member_consumed_info">2015.5.20</p>
                <p class="rightPart" data-function="btn_member_consumed_info">消费20元</p>
                <div class="rightPartbak" data-function="btn_member_consumed_info"></div>
            </dd>
            <dd>
                <p class="leftPart">2015.5.20</p>
                <p class="rightPart">消费20元</p>
                <div class="rightPartbak"></div>
            </dd>
            <dd>
                <p class="leftPart">2015.5.20</p>
                <p class="rightPart">充100元赠100消费点</p>
                <div class="rightPartbak"></div>
            </dd>
            <dd>
                <p class="leftPart">2015.5.20</p>
                <p class="rightPart">消费20元</p>
                <div class="rightPartbak"></div>
            </dd>
            <dd>
                <p class="leftPart">2015.5.20</p>
                <p class="rightPart">消费20元</p>
                <div class="rightPartbak"></div>
            </dd>
        </div>

    </dl>
    <div class="indexMask" style="display: none"></div>

</div>
<!--3,4,5会员详情页面结束-->
<!--6号7号 会员流水详情开始-->
<div id="subMemberBill" class="main-page"
     data-belongToMenu="none"
     data-belongtoheader='{"back":true,"search":false,"scancode":false,"add":false}'
     data-title="流水详情">
    <li>
        <p class="left">日期：2015.5.20</p>
        <p class="right">消费220元</p>
    </li>
    <li>
        <p class="left">鱼香肉丝</p>
        <p class="right">*1 ￥16</p>
    </li>
    <li>
        <p class="left">鱼香肉丝</p>
        <p class="right">*1 ￥16</p>
    </li>

    <li>
        <p class="left">合计</p>
        <p class="right">优惠：20元</p>
    </li>
    <div class="Balance">
        <p class="left">余额：1000元</p>
        <p class="right">消费点：1500点</p>
    </div>
</div>
<!--6号 会员流水详情结束-->
<!---------------------会员流程结束------------------------------------------------>

<!----------------内容结束------------------------------------------>


<!--主页底部开始-->
<ul class="footer">
    <li data-function="footerTask"><div class="footerTaskImg active" data-function="footerTask"><p data-function="footerTask">任务</p></div></li>
    <li data-function="footerOrder"><div class="footerOrderImg" data-function="footerOrder"><p data-function="footerOrder">点餐</p></div></li>
    <li data-function="footerMore"><div class="footerMoreImg" data-function="footerMore"><p data-function="footerMore">更多</p></div></li>
    <li data-function="footerMine"><div class="footerMineImg" data-function="footerMine"><p class="mine" data-function="footerMine">我的</p></div></li>
</ul>
<!--主页底部结束-->

<!--js开始-->
<script type="text/javascript" src="../cordova.js"></script>
<script type="text/javascript" src="../myPlugins/StatusBarNotification.js"></script>
<script src="jsLib/jquery-2.1.3.min.js"></script>
<script src="../../jsLib/fastclick/lib/fastclick.js"></script>
<script>
    $(function () {
        FastClick.attach(document.body);
    });
</script>
<script src="ServerPhone/phoneGap.js"></script>
<script src="ServerPhone/TakingAnOrder.js"></script>
<script src="ServerPhone/TakeOut.js"></script>
<script src="ServerPhone/Reserve.js"></script>
<script src="ServerPhone/Service.js"></script>
<script src="ServerPhone/openTable.js"></script>
<script src="ServerPhone/occupyTable.js"></script>
<script src="ServerPhone/Mine.js"></script>
<script src="ServerPhone/Member.js"></script>
<script src="ServerPhone/ServerPhone.js"></script>

<script src="../../jsLib/jquery/jquery.json.js"></script>
<script src="../../jsLib/jquery/jquery.ajaxRequest.js"></script>
<script src="../../jsLib/jquery/ajaxfileupload.js"></script>
<script src="../../jsLib/interface.js"></script>
<script>
    /*if (window.Event)
     document.captureEvents(Event.MOUSEUP);

     function nocontextmenu()
     {
     event.cancelBubble = true
     event.returnValue = false;

     return false;
     }

     function norightclick(e)
     {
     if (window.Event)
     {
     if (e.which == 2 || e.which == 3)
     return false;
     }
     else
     if (event.button == 2 || event.button == 3)
     {
     event.cancelBubble = true
     event.returnValue = false;
     return false;
     }

     }

     document.oncontextmenu = nocontextmenu; //对ie5.0以上
     document.onmousedown = norightclick; //对其它浏览器
     document.onselectstart="return false";//禁止选择
     document.ondragstart="return false";//禁止拖放*/
    //    document.oncopy=document.selection.empty();//禁止拷贝
    ServerPhoneJS.init();
</script>
<!--js结束-->
</body>
</html>